index.html 3.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113
  1. <!doctype html>
  2. <html lang="en" manifest="cache/game.appcache">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>泡泡龙</title>
  6. <link rel="stylesheet" href="assets/css/bubble.min.css">
  7. <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1" />
  8. </head>
  9. <body class="loading">
  10. <div id="grid">
  11. <div class="page" id="loading">
  12. <div class="windows8" id="win-loading">
  13. <div class="wBall" id="wBall_1">
  14. <div class="wInnerBall">
  15. </div>
  16. </div>
  17. <div class="wBall" id="wBall_2">
  18. <div class="wInnerBall">
  19. </div>
  20. </div>
  21. <div class="wBall" id="wBall_3">
  22. <div class="wInnerBall">
  23. </div>
  24. </div>
  25. <div class="wBall" id="wBall_4">
  26. <div class="wInnerBall">
  27. </div>
  28. </div>
  29. <div class="wBall" id="wBall_5">
  30. <div class="wInnerBall">
  31. </div>
  32. </div>
  33. </div>
  34. </div>
  35. <div class="page hide" id="index">
  36. <div class="btn-wrap">
  37. <button class="btn-classics" id="start">start</button>
  38. </div>
  39. </div>
  40. <div class="page hide" id="levelList">
  41. <div class="wrap" id="listWrap">
  42. <ul class="clearfix"></ul>
  43. </div>
  44. <div id="handler" class="handler">
  45. <span class="icon-prev"></span>
  46. <span class="txt">10/200</span>
  47. <span class="icon-next"></span>
  48. </div>
  49. <button class="btn-back" id="goToIndex">返回主页</button>
  50. </div>
  51. <div class="page hide" id="room">
  52. <div id="info" class="hide">
  53. <div id="pauseInfo" class="dialog">
  54. <h4 class="title pause">游戏暂停</h4>
  55. <div class="btn-wrap">
  56. <button class="btn resume">继续游戏</button>
  57. <button class="fl back btn-back">返回</button>
  58. <button class="btn restart">重来</button>
  59. </div>
  60. </div>
  61. <div id="gameWinInfo" class="dialog">
  62. <div class="info">
  63. <div class="star-wrap"></div>
  64. Time : <span class="time"></span>
  65. </div>
  66. <div class="btn-wrap">
  67. <button class="btn nextLv">下一关</button>
  68. <button class="fl back btn-back">返回</button>
  69. <button class="btn restart">重来</button>
  70. </div>
  71. </div>
  72. <div id="gameLostInfo" class="dialog">
  73. <h4 class="title lose">很遗憾</h4>
  74. <p class="help-txt lose">闯关失败</p>
  75. <div class="btn-wrap">
  76. <button class="fl back btn-back">返回</button>
  77. <button class="btn restart">重来</button>
  78. </div>
  79. </div>
  80. </div>
  81. </div>
  82. </div>
  83. <div style="display: none;">
  84. <script type="text/javascript">
  85. </script> -->
  86. </div>
  87. <script type="text/javascript" src="recommend.js"></script>
  88. </body>
  89. </html>
  90. <script type="text/html" id="tpl_lvItem">
  91. <span data-lv="<%=lv%>" class="<%=className%> lv-item">
  92. <% if(className == 'unlock') {%>
  93. <p><%=idx%></p>
  94. <% } %>
  95. <span class="star-wrap">
  96. <%
  97. _(3).times(function(i) {
  98. if( i+1 > star){
  99. %>
  100. <i></i>
  101. <% }else{ %>
  102. <i class="star"></i>
  103. <%}})%>
  104. </span>
  105. </span>
  106. </script>
  107. <script src="assets/js/lib/lib.min.js"></script>
  108. <script src="assets/js/app/app.min.js"></script>