图片演示:
HTML:
<div id="share" ontouchstart="document.getElementById('share').style.display='none';" onclick="document.getElementById('share').style.display='none';">
<img src="img/share.png" alt="">
</div>
<div id="game">
<canvas id="cvs" width="640" height="960"></canvas>
<div class="grid" id="grid">
<div class="page" id="by-loading">
<img class="by-loading-bg" src="img/loading-bg.jpg" alt="" />
<img class="by-loading-logo" src="img/loading-logo.png" alt="" />
<div class="by-loading-txt" id="by-loading-txt">loading</div>
</div>
</div>
<div id="o_btn">
<div id="btn_start"></div>
<div id="btn_try"></div>
<div id="btn_more"></div>
<div id="btn_share"></div>
</div>
<div id="score"><div id="scoretext">得分:<span>0</span></div></div>
<div id="score_over"><div id="over_text">疯狂的蛋旦狂奔了<span>0</span>米</div></div>
</div>
CSS:
引入css文件
<link href="css/m.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="css/loading.css?v=3">
JS:
<script src="js/util.min.js"></script>
<script src="js/index.min.js"></script>