index.html 4.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta http-equiv="content-Type" content="text/html; charset=utf-8" />
  5. <title>答题王</title>
  6. <meta name="keywords" content="答题王" />
  7. <meta name="description" content="答题王" />
  8. <meta name="full-screen" content="yes"/> <!--部分原生机子-->
  9. <meta name="screen-orientation" content="portrait"/> <!--UC浏览器-->
  10. <meta name="x5-fullscreen" content="true"/> <!--QQ浏览器-->
  11. <meta name="360-fullscreen" content="true"/> <!--360浏览器-->
  12. <meta name="Author" content="daxiong">
  13. <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no" />
  14. <meta name="apple-mobile-web-app-capable" content="yes" />
  15. <meta name="apple-mobile-web-app-status-bar-style" content="black" />
  16. <script>
  17. (function(f,j){var i=document,d=window;var b=i.documentElement;var c;var h=i.querySelector('meta[name="viewport"]');var e="width=device-width,initial-scale=1,maximum-scale=1.0,user-scalable=no";if(h){h.setAttribute("content",e)}else{h=i.createElement("meta");h.setAttribute("name","viewport");h.setAttribute("content",e);if(b.firstElementChild){b.firstElementChild.appendChild(h)}else{var a=i.createElement("div");a.appendChild(h);i.write(a.innerHTML)}}function g(){var k=b.getBoundingClientRect().width;if(!j){j=540}if(k>j){k=j}var l=k*100/f;b.style.fontSize=l+"px"}g();d.addEventListener("resize",function(){clearTimeout(c);c=setTimeout(g,300)},false);d.addEventListener("pageshow",function(k){if(k.persisted){clearTimeout(c);c=setTimeout(g,300)}},false);if(i.readyState==="complete"){i.body.style.fontSize="16px"}else{i.addEventListener("DOMContentLoaded",function(k){i.body.style.fontSize="16px"},false)}})(750,750);
  18. </script>
  19. <link href="./css/wapzt_base_rem.1.0.css" rel="stylesheet" type="text/css" />
  20. <link rel="stylesheet" href="./css/animate.min.css">
  21. <link rel="stylesheet" href="./css/main.css">
  22. </head>
  23. <body>
  24. <div class="g-doc">
  25. <div class="popbg"></div>
  26. <div class="g-inner welcome">
  27. <button id="start_game" class="layui-btn btn-1" >匹配对手</button>
  28. <a href="javascript:;" class="rulebtn" ></a>
  29. <div class="popwind">
  30. <div class="art">
  31. <p>1.随机匹配对手<br />
  32. 2.在50秒内完成5道题目<br />
  33. 3.10秒内完成答题,答对加分,答错不扣分<br />
  34. 4.每题满分300分,慢一秒答题扣10分<br />
  35. 5.最终得分高为胜者,获得奖励</p>
  36. </div>
  37. <a href="javascript:;" class="close"></a>
  38. </div>
  39. <div class="cov covtit1"></div>
  40. <div class="cov covtit2"></div>
  41. </div>
  42. <div class="g-inner gstart">
  43. <span class="cov covxlz">星力值:560</span>
  44. <div class="loading amt">
  45. <div class="loader">
  46. <div class="face">
  47. <div class="circle"></div>
  48. </div>
  49. <div class="face">
  50. <div class="circle"></div>
  51. </div>
  52. </div>
  53. </div>
  54. <div class="cov cov1 amt"><span class="userface" id="avatar"></span>
  55. <b id="username" class="name"></b>
  56. <span class="num amt" id="py1_score">0</span>
  57. </div>
  58. <div class="cov cov2 amt">
  59. <input type="hidden" id="user_id" name="user_id">
  60. <input type="hidden" id="duishou" name="duishou">
  61. </div>
  62. <div class="cov cov3 amt" id="Jvs">
  63. <span class="tit">匹配中</span>
  64. <div class="con" style="display: none;">
  65. <div class="percent-circle percent-circle-left">
  66. <div class="left-content "></div>
  67. </div>
  68. <div class="percent-circle percent-circle-right">
  69. <div class="right-content "></div>
  70. </div>
  71. <div class="text-circle">0%</div>
  72. </div>
  73. </div>
  74. <div class="cov cov4 amt">
  75. <span class="userface" id="py2_avatar" ></span>
  76. <b id="py2_username" class="name"></b>
  77. <span class="num amt" id="py2_score">0</span>
  78. </div>
  79. <div class="qs-item" >
  80. <span class="tit" id="Jqtitle"></span>
  81. <ul class="list" id="question">
  82. <!-- <li class="item item1 on">四川</li>
  83. <li class="item item2">新疆</li>
  84. <li class="item item3">西藏</li> -->
  85. </ul>
  86. <div class="page" id="Jpage"></div>
  87. </div>
  88. <div class="result">
  89. <span class="icon top-icon success" id="Jresult"></span>
  90. <span class="live" id="Jlastmsg">初级玩家</span>
  91. <a href="./Index"><span class="btn-3 btn btn1" data-href="./Index">再来一局</span></a>
  92. <span class="btn-3 btn btn2" data-href="./Index">查看等级</span>
  93. </div>
  94. </div>
  95. </div>
  96. </body>
  97. <script src="./js/lib-jquery1.10.2.js"></script>
  98. <script src="./js/base64.js"></script>
  99. <script src="./js/common.js"></script>
  100. <script type="text/javascript">
  101. common.init();
  102. </script>
  103. </html>