| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293 | <!DOCTYPE html><html><head>    <meta charset="utf-8" />    <title>CoreBall</title>    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" />    <link href='http://fonts.useso.com/css?family=Lato' rel='stylesheet'  type='text/css'>    <style type="text/css">    body {        background-color: #c8c8c8;        overflow: hidden;        padding: 0;        margin: 0;        /*font-family:Helvetica;*/        /*font-family: 'Open Sans', sans-serif, Helvetica;*/        font-family: Lato;    }    .center-box {        text-align: center;        position: absolute;        width: 300px;        height: 400px;        margin: -200px 0 0 -150px;        left: 50%;        top: 50%;    }    .title {        font-size: 50px;        /*font-family: sans-serif;*/    }    .button {        position: absolute;        width: 100px;        height: 100px;        left: 50%;        top: 50%;        margin: -100px 0 0 -50px;        border: 2px solid #666;        color: #666;        -moz-border-radius: 15px;        -webkit-border-radius: 15px;        border-radius: 15px;        font-size: 55px;    }    .button .text {        font-size: 10px;        padding: 0 10px;        width: 80px    }    .op {        position: absolute;        width: 200px;        height: 100px;        left: 50%;        top: 70%;        margin: -50px 0 0 -100px;    }    </style></head><body>    <canvas style="display:none;" id="stage"></canvas>    <div id="begin">        <section class="center-box">            <span class="title">Core Ball</span>            <div class="button">                <div id="txtAr" style="margin-top: 5px;"></div>                <div class="text"></div>            </div>            <div class="op">                <a id="btnFW" href="javascript:;"><img data-capture="1" src="image/btn_fw.png" />                </a>                <span id="btnReset" style="display:inline-block;margin-left: 30px;color:#666">RESET</span>                <div id="tip" style="font-size:14px;color:#555;margin-top: 15px;display:none;">关卡重置完毕</div>            </div>        </section>        <!--section style="position:absolute; ;right:5px; bottom:5px;color:#888">            <img style="margin:0 -2px -2px 0;" src="image/github.png" />            <span style="display:inline-block;font-size:12px;font-family: sans-serif;"><a href="https://github.com/randomyang/core-ball" target="_blank"></a></span>        </section-->        <section id="wxArrow" style="display: none;">            <div style="position:absolute;width:100%;height:100%;opacity: 0.7;background-color:#000">            </div>            <img style="position: absolute;right:25px;" src="image/arrow.png" />        </section>    </div>       <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>    <script type="text/javascript" src="js/index.js"></script></body></html>
 |