index.html 8.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230
  1. <!DOCTYPE html>
  2. <html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  3. <meta name="MobileOptimized" content="320">
  4. <meta name="apple-touch-fullscreen" content="YES">
  5. <meta name="apple-mobile-web-app-capable" content="yes">
  6. <meta name="apple-mobile-web-app-status-bar-style" content="black">
  7. <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
  8. <title>龟兔再跑</title>
  9. <link href="css/style.css" rel="stylesheet">
  10. <link href="css/main.css?v=0.55" rel="stylesheet">
  11. <link href="css/webBox.css" rel="stylesheet">
  12. <link href="css/msgBox.css" rel="stylesheet">
  13. <link href="css/media.css" rel="stylesheet">
  14. </head>
  15. <body>
  16. <script>
  17. function GetParam(e){//通过名称获取url传值方法
  18. /*
  19. *e:key名字
  20. */
  21. var url = document.location.href;
  22. var name="";
  23. e+='=';
  24. if (url.indexOf(e)>0){
  25. name = url.substring(url.indexOf(e)+e.length,url.length);
  26. }
  27. if(name.indexOf('&')>0){
  28. name = name.substring(0,name.indexOf('&'));
  29. }
  30. return name;
  31. }
  32. if(!GetParam('restart')){
  33. var bodyObj = document.body;//页面body节点对象
  34. var loadingBox = document.createElement("div");//Loading对象
  35. bodyObj.appendChild(loadingBox);//新建的对象加入页面
  36. loadingBox.innerHTML='<div class="rabbitLoading" id="loadingId"><div class="rabbitLoad"><img src="logo.png" ><div class="progressbar"><div class="progressing" id="progressingId"></div></div></div></div>';
  37. loadingBox.id="loadingBox_by_gzy";
  38. var loadPre=0;
  39. var loadTimer;
  40. setProgress();
  41. }
  42. function setProgress(){
  43. var rnd=Math.ceil(Math.random()*10)+5;
  44. loadPre+=rnd;
  45. if(loadPre>90){
  46. loadPre=90;
  47. }
  48. document.getElementById('progressingId').style.width=loadPre+'%';
  49. if(loadPre<90){
  50. loadTimer=setTimeout(function(){
  51. setProgress();
  52. },3000);
  53. }
  54. }
  55. </script>
  56. <div class="main" id="mainId" style="height: 504px; -webkit-transform: scale(0.952380952380952, 0.952380952380952); transform: scale(0.952380952380952, 0.952380952380952);">
  57. <div class="sence sence0" id="sence0Id" style="display: block; opacity: 1; z-index: 1;">
  58. </div>
  59. <div class="sence sence1" id="sence1Id">
  60. <div class="rabbitFront">
  61. <img src="images/rabbit1.png">
  62. <div class="rabbitHand">
  63. <!--<img src="images/hand1.png" id="rabbitHandId" />-->
  64. </div>
  65. </div>
  66. <div class="jumpLineCtxBox" id="jumpLineCtxBoxId" style="width: 320px; height: 504px;">
  67. <div class="jumpLineImg">
  68. <img src="images/line0.png" id="line0Id" style="z-index:5;">
  69. <img src="images/line1.png" id="line1Id" style="z-index:5;">
  70. <img src="images/line2.png" id="line2Id" style="z-index:5;">
  71. <img src="images/line3.png" id="line3Id" style="z-index:5;">
  72. <img src="images/line4.png" id="line4Id" style="z-index:5;">
  73. <img src="images/line5.png" id="line5Id">
  74. <img src="images/line6.png" id="line6Id">
  75. <img src="images/line7.png" id="line7Id">
  76. <img src="images/line8.png" id="line8Id">
  77. <img src="images/line9.png" id="line9Id">
  78. <img src="images/line10.png" id="line10Id">
  79. <img src="images/line11.png" id="line11Id">
  80. <img src="images/line12.png" id="line12Id">
  81. <img src="images/line13.png" id="line13Id">
  82. <img src="images/line14.png" id="line14Id">
  83. <img src="images/line15.png" id="line15Id" style="z-index:5;">
  84. <img src="images/line16.png" id="line16Id" style="z-index:5;">
  85. <img src="images/line17.png" id="line17Id" style="z-index:5;">
  86. <img src="images/line18.png" id="line18Id" style="z-index:5;">
  87. <img src="images/line19.png" id="line19Id" style="z-index:5;">
  88. </div>
  89. </div>
  90. <div class="rabbitBack">
  91. <img src="images/rabbit2.png">
  92. </div>
  93. <div class="tortoiseBox" id="tortoiseBoxId">
  94. <div class="tortoise1" id="tortoise1Id" style="display: none;">
  95. <img src="images/tortoise_f1.png" id="tortoise1_loseId">
  96. <img src="images/tortoise_n1.png" id="torroise1_waitId">
  97. <img src="images/tortoise_n1.png" id="torroise1_walk1Id">
  98. <img src="images/tortoise_w1.png" id="torroise1_walk2Id">
  99. <img src="images/tortoise_up1.png" id="torroise1_jumpId">
  100. </div>
  101. <div class="tortoise2" id="tortoise2Id" style="display: none;">
  102. <img src="images/tortoise_f2.png" id="tortoise2_loseId">
  103. <img src="images/tortoise_n2.png" id="torroise2_waitId">
  104. <img src="images/tortoise_n2.png" id="torroise2_walk1Id">
  105. <img src="images/tortoise_w2.png" id="torroise2_walk2Id">
  106. <img src="images/tortoise_up2.png" id="torroise2_jumpId">
  107. </div>
  108. <div class="tortoise3" id="tortoise3Id" style="display: none;">
  109. <img src="images/tortoise_f3.png" id="tortoise3_loseId">
  110. <img src="images/tortoise_n3.png" id="torroise3_waitId">
  111. <img src="images/tortoise_n3.png" id="torroise3_walk1Id">
  112. <img src="images/tortoise_w3.png" id="torroise3_walk2Id">
  113. <img src="images/tortoise_up3.png" id="torroise3_jumpId">
  114. </div>
  115. <div class="tortoise4" id="tortoise4Id" style="display: none;">
  116. <img src="images/tortoise_f4.png" id="tortoise4_loseId">
  117. <img src="images/tortoise_n4.png" id="torroise4_waitId">
  118. <img src="images/tortoise_n4.png" id="torroise4_walk1Id">
  119. <img src="images/tortoise_w4.png" id="torroise4_walk2Id">
  120. <img src="images/tortoise_up4.png" id="torroise4_jumpId">
  121. </div>
  122. </div>
  123. <div class="scoreBox" id="scoreBoxId">
  124. <img src="images/0.png">
  125. <img src="images/1.png" class="display_no">
  126. <img src="images/2.png" class="display_no">
  127. <img src="images/3.png" class="display_no">
  128. <img src="images/4.png" class="display_no">
  129. <img src="images/5.png" class="display_no">
  130. <img src="images/6.png" class="display_no">
  131. <img src="images/7.png" class="display_no">
  132. <img src="images/8.png" class="display_no">
  133. <img src="images/9.png" class="display_no">
  134. </div>
  135. <!--文字提示-->
  136. <div class="bannerText">
  137. <div class="text">
  138. 点击手机控制乌龟跳绳
  139. </div>
  140. </div>
  141. <div class="ctrlBox" id="ctrlBoxId">
  142. </div>
  143. </div>
  144. <div class="sence sence2" id="sence2Id" style="opacity: 0; display: none; z-index: -1;">
  145. <div class="gameEndBox">
  146. <img src="images/end.png">
  147. </div>
  148. <div class="mark"><span id="markId">
  149. <img src="images/0.png">
  150. </span></div>
  151. <div class="btn restartBtn" id="restartBtnId">
  152. <img src="images/btn_1.png">
  153. </div>
  154. <div class="btn shareBtn" id="shareBtnId">
  155. <img src="images/btn_2.png">
  156. </div>
  157. <div class="btn paihangBtn" id="paihangBtnId">
  158. <img src="images/btn_3.png">
  159. </div>
  160. </div>
  161. </div>
  162. <script src="js/command.js"></script>
  163. <script src="js/main.js"></script>
  164. <!-- /*<script language=javascript>
  165. /* var game9g = new Game9G("gtzp");
  166. game9g.shareData.title = "龟兔再跑-9G游戏";
  167. game9g.shareData.content = "最难的游戏!你最多能跳几下?-9G游戏";*/
  168. function goHome(){
  169. // window.location=game9g.homeurl;
  170. }
  171. function clickMore(){
  172. // window.location=game9g.moreurl;
  173. Play68.goHome();
  174. }
  175. function dp_share(){
  176. // game9g.share();
  177. }
  178. /* function dp_Ranking(){
  179. window.location=game9g.homeurl;
  180. }*/
  181. function dp_submitScore(score){
  182. /*if(score>0){
  183. game9g.score =parseInt(score);
  184. game9g.scoreName = "跳过"+score+"次";
  185. game9g.shareData.title ="我在龟兔再跑成功跳过了 "+score+"次,快来试试看!-9G游戏";
  186. game9g.utils.shareConfirm("你在龟兔再跑成功跳过了"+score+"次,通知一下小伙伴吧!",dp_share);
  187. }*/
  188. }
  189. </script>*/ -->
  190. </body></html>