index.html 5.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130
  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. <title>疯狂挠痒痒</title>
  5. <meta charset="utf-8">
  6. <meta name="viewport"
  7. content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
  8. <meta name="format-detection" content="telephone=no">
  9. <link rel="stylesheet" href="css/35/index.css">
  10. <script type="text/javascript">
  11. var dataForWeixin = {
  12. "appId": "",
  13. "TLImg": "./naoyang.jpg",
  14. "url": "http://game.ikongzhong.cn/games/naoyangyang/",
  15. "title": "疯狂挠痒痒!快来测试",
  16. "desc": "超级染色体"
  17. };
  18. var onBridgeReady = function(){
  19. WeixinJSBridge.on('menu:share:appmessage', function(argv){
  20. WeixinJSBridge.invoke('sendAppMessage', {
  21. "appid": dataForWeixin.appId,
  22. "img_url": dataForWeixin.TLImg,
  23. "img_width": "120",
  24. "img_height": "120",
  25. "link": dataForWeixin.url + '?f=wx_hy_bb',
  26. "title": dataForWeixin.title,
  27. "desc": dataForWeixin.desc
  28. });
  29. setTimeout(function () {location.href = "http://game.ikongzhong.cn/";}, 1500);
  30. });
  31. WeixinJSBridge.on('menu:share:timeline', function(argv){;
  32. WeixinJSBridge.invoke('shareTimeline', {
  33. "appid": dataForWeixin.appId,
  34. "img_url":dataForWeixin.TLImg,
  35. "img_width": "120",
  36. "img_height": "120",
  37. "link": dataForWeixin.url + '?f=wx_pyq_bb',
  38. "title":dataForWeixin.title,
  39. "desc": dataForWeixin.desc
  40. });
  41. setTimeout(function () {location.href = "http://game.ikongzhong.cn/";}, 1500);
  42. });
  43. };
  44. if(document.addEventListener){
  45. document.addEventListener('WeixinJSBridgeReady', onBridgeReady, false);
  46. }else if(document.attachEvent){
  47. document.attachEvent('WeixinJSBridgeReady', onBridgeReady);
  48. document.attachEvent('onWeixinJSBridgeReady', onBridgeReady);
  49. }
  50. </script>
  51. <style type="text/css">
  52. #share-wx{
  53. background:rgba(0,0,0,0.8);
  54. position:absolute;top:0px;
  55. left:0px;
  56. width:100%;
  57. height:100%;
  58. z-index:10000;
  59. display:none;
  60. }
  61. #wx-qr{
  62. background:rgba(0,0,0,0.8);
  63. position:absolute;top:0px;
  64. left:0px;
  65. width:100%;
  66. height:100%;
  67. z-index:10000;
  68. display:none;
  69. }
  70. .lis{overflow: hidden;width: 100%;z-index: 99999;position: absolute;top:0;}
  71. .lis a{display: block;width:99.9%;color:#ffffff;font-size:14px;text-decoration: none;background:#606783;text-align: center;opacity: 0.8;line-height:30px;font-weight: bold;font-family:"微软雅黑";}
  72. .lis a img{position: relative;top: 1px;}
  73. </style>
  74. </head>
  75. <body screen_capture_injected="true">
  76. <script type="text/javascript" src="js/code.js"></script>
  77. <div class="lis">
  78. <div style="float: left;width:33.2%;"><a style="border-bottom: 3px solid #fd6766;" href="http://game.ikongzhong.cn/">游戏列表</a></div>
  79. <div style="float: left;width:34%;"><a style="border-bottom: 3px solid #04fece;" href="http://mp.weixin.qq.com/s?__biz=MzI4MjA2MjE0MQ==&mid=246005295&idx=1&sn=490f8141976d607ba079d48f52a3fcd7#rd">关注我们</a></div>
  80. <div style="float: left;width:33.2%;"><a style="width:100%;margin:0;border-bottom: 3px solid #fdcd01;" onclick="location.href=location.href;"><img width="15" src="vapp/4.png">重玩</a></div>
  81. </div>
  82. <div class="screen" id="contentScreen">
  83. <div class="intro" style="top: 124px;"><h1>疯狂挠痒痒</h1>
  84. <p>尽可能在10秒内给脚挠痒 <br> 快速点击脚下方的颜色按钮</p>
  85. <button id="start" class="start"></button>
  86. </div>
  87. <div class="flex-container container">
  88. <div class="flex-item col1"></div>
  89. <div class="flex-item col2"></div>
  90. <div class="flex-item col3"></div>
  91. </div>
  92. <div class="flex-container buttons">
  93. <div class="flex-item col" data-index="0">
  94. <div class="col1"></div>
  95. </div>
  96. <div class="flex-item col" data-index="1">
  97. <div class="col2"></div>
  98. </div>
  99. <div class="flex-item col" data-index="2">
  100. <div class="col3"></div>
  101. </div>
  102. </div>
  103. <div id="go" style="top: 204px;"></div>
  104. <div class="feet" data-index="1" style="display: none; top: 146.5px;"></div>
  105. <div class="feather" style="display: none; top: 194px;"></div>
  106. <div id="time">10.0</div>
  107. </div>
  108. <div id="scoreScreen">
  109. <img src="wapp/35/share.png" class="share">
  110. <p class="desc">恭喜!10秒内你挠了 <em>23</em> 次痒痒,分享到朋友圈,让朋友也来挑战。</p>
  111. <div id="result_panel" style="text-align:center;padding-top:260px;position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,0.5)">
  112. <div><button id="reset" onclick="location.href=location.href;" style="font-size:25px;margin-right:10px;">再玩一次</button><button id="doShare" onclick="location.href='http://game.ikongzhong.cn/'" style="font-size:25px">更多游戏</button></div>
  113. </div>
  114. </div>
  115. <script src="js/35/zepto.js"></script>
  116. <script src="js/35/index4.js"></script>
  117. <br/>
  118. <div style="display: none;">
  119. </div>
  120. <script type="text/javascript" src="http://tajs.qq.com/stats?sId=36313548" charset="UTF-8"></script></body>
  121. </html>