index.html 3.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" />
  6. <title>岛国么么答</title>
  7. <link rel="shortcut icon" href="icon.png">
  8. <link rel="icon" href="icon.png">
  9. <link type="text/css" href="static/common.css?111" rel="stylesheet" />
  10. <script type="text/javascript" src="static/zepto.min.js?11"></script>
  11. <script src="static/common.js?122"></script>
  12. <link type="text/css" href="static/index.css" rel="stylesheet" />
  13. </head>
  14. <body>
  15. <div id="main">
  16. <div id="start" class="page animate ">
  17. <h1 class="title">岛国么么答</h1>
  18. <a href="javascript:;" class="guessPic">猜图模式</a>
  19. <a href="javascript:;" class="guessNam">猜名模式</a>
  20. <a href="" class="moreLink" target="_blank"></a>
  21. <div class="clear"></div>
  22. </div>
  23. <div id="play" class="page animate hide">
  24. <div class="header">
  25. <div class="wLevel">
  26. <span>Lv</span><span class="level">1</span>
  27. </div>
  28. <span class="time">10</span>
  29. <div class="heartList">
  30. <em class="heart"></em>
  31. <em class="heart"></em>
  32. <em class="heart"></em>
  33. </div>
  34. </div>
  35. <div class="clear"></div>
  36. <!-- 游戏区域 -->
  37. <div class="container">
  38. <!-- 内容是动态生成滴~ -->
  39. </div>
  40. <div class="logo"></div>
  41. <div id="prepare" class="animate">
  42. <div class="back"></div>
  43. <div class="text"></div>
  44. <div class="tip"></div>
  45. </div>
  46. </div>
  47. <div id="end" class="page animate hide">
  48. <p class="really">你获得称号</p>
  49. <p class="title">牛b</p>
  50. <p class="level">LV30</p>
  51. <div>
  52. <a href="javascript:;" class="again">再来一次</a>
  53. <a href="javascript:;" class="notify">通知好友</a>
  54. </div>
  55. <a href="" class="moreLink" target="_blank"></a>
  56. </div>
  57. </div>
  58. <input id="bt-game-id" type="hidden" value="4-island">
  59. <!-- 答案模版 -->
  60. <script id="template_game_pic" type="text/html">
  61. <div class="gameTip" data-key="${data.key}">
  62. ${data.name}
  63. </div>
  64. <div class="gameAnswer">
  65. <a data-key="${arr1.key}" href="javascript:;" class="answer1"><img src="${arr1.pic}" /><em class="tip1"></em></a>
  66. <a data-key="${arr2.key}" href="javascript:;" class="answer1"><img src="${arr2.pic}" /><em class="tip1"></em></a>
  67. <a data-key="${arr3.key}" href="javascript:;" class="answer1"><img src="${arr3.pic}" /><em class="tip1"></em></a>
  68. <a data-key="${arr4.key}" href="javascript:;" class="answer1"><img src="${arr4.pic}" /><em class="tip1"></em></a>
  69. </div>
  70. <div class="clear"></div>
  71. </script>
  72. <script id="template_game_nam" type="text/html">
  73. <div class="gameTip" data-key="${data.key}">
  74. <img src="${data.pic}" />
  75. </div>
  76. <div class="gameAnswer">
  77. <a data-key="${arr1.key}" href="javascript:;" class="answer2"><span class="atext">${arr1.name}</span><em class="tip2"></em></a>
  78. <a data-key="${arr2.key}" href="javascript:;" class="answer2"><span class="atext">${arr2.name}</span><em class="tip2"></em></a>
  79. <a data-key="${arr3.key}" href="javascript:;" class="answer2"><span class="atext">${arr3.name}</span><em class="tip2"></em></a>
  80. <a data-key="${arr4.key}" href="javascript:;" class="answer2"><span class="atext">${arr4.name}</span><em class="tip2"></em></a>
  81. </div>
  82. <div class="clear"></div>
  83. </script>
  84. <!-- END 答案模版 -->
  85. </body>
  86. <script src="static/index.js?v=1"></script>
  87. <script type="text/javascript" src="static/dc.js"></script>
  88. </html>