index.html 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
  6. <link rel="apple-touch-icon" href="icon.png" />
  7. <link rel="shortcut icon" href="icon.png" />
  8. <link rel="icon" href="icon.png" />
  9. <title>手机强迫症测试</title>
  10. <meta name="keywords" content="手机强迫症测试,手机强迫症测试html5游戏" />
  11. <meta name="description" content="手机强迫症测试html5游戏,手机强迫症测试手机在线游戏" />
  12. <link type="text/css" rel="stylesheet" href="css/style.css" />
  13. <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
  14. <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
  15. <style>
  16. #weixin-shade{position:absolute;top:0;left:0;width:100%;height:100%;background:url(images/share_pic.png) no-repeat top right; background-size:cover; z-index:9999; display:none;}
  17. </style>
  18. <script type="text/javascript">
  19. //wechat js
  20. var url="http://yx8.com/game/forceTest/";
  21. var dataForWeixin={
  22. appId:"",
  23. MsgImg:"http://yx8.com/game/forceTest/shareImg.jpg",
  24. TLImg:"http://yx8.com/game/forceTest/shareImg.jpg",
  25. url:url,
  26. title:'你的手机强迫症到底有几级,敢秀出来吗?',
  27. desc:'手机强迫症测试,看看你到底有没有药救',
  28. fakeid:"",
  29. callback:function(){}
  30. };
  31. (function(){
  32. var onBridgeReady=function(){
  33. WeixinJSBridge.on('menu:share:appmessage', function(argv){
  34. WeixinJSBridge.invoke('sendAppMessage',{
  35. "appid":dataForWeixin.appId,
  36. "img_url":dataForWeixin.MsgImg,
  37. "img_width":"120",
  38. "img_height":"120",
  39. "link":dataForWeixin.url,
  40. "desc":dataForWeixin.desc,
  41. "title":dataForWeixin.title
  42. }, function(res){(dataForWeixin.callback)();});
  43. });
  44. WeixinJSBridge.on('menu:share:timeline', function(argv){
  45. (dataForWeixin.callback)();
  46. WeixinJSBridge.invoke('shareTimeline',{
  47. "img_url":dataForWeixin.TLImg,
  48. "img_width":"120",
  49. "img_height":"120",
  50. "link":dataForWeixin.url,
  51. "desc":dataForWeixin.title,
  52. "title":dataForWeixin.desc
  53. }, function(res){});
  54. });
  55. };
  56. if(document.addEventListener){
  57. document.addEventListener('WeixinJSBridgeReady', onBridgeReady, false);
  58. }else if(document.attachEvent){
  59. document.attachEvent('WeixinJSBridgeReady' , onBridgeReady);
  60. document.attachEvent('onWeixinJSBridgeReady' , onBridgeReady);
  61. }
  62. })();
  63. </script>
  64. </head>
  65. <body onLoad="jiazai()">
  66. <div class="main">
  67. <img src="images/tran.png" class="img" />
  68. <div class="pg pg0">
  69. <img src="images/bg.gif" class="img" />
  70. <div class="btn"></div>
  71. </div>
  72. <div class="pg pg1">
  73. <img src="images/go.png" class="img" />
  74. </div>
  75. <div class="pg pg2">
  76. <img src="images/shiti_bg.png" class="img" />
  77. <div class="shiti_con">
  78. <div class="ul">
  79. <div class="shiti s1">
  80. <p class="tit"><span class="tihao">1.</span><span class="timu">晚上睡觉前、早上醒来第一件事是摸手机?</span></p>
  81. <div class="zitu"><img src="images/1.png" class="img" /></div>
  82. <ul>
  83. <li><div class="input" value="3"></div>A.这都被你发现了!</li>
  84. <li><div class="input" value="2"></div>B.有时候摸的不是手机啦<img src="images/xiu.gif" /></li>
  85. <li><div class="input" value="1"></div>C.从不拿 </li>
  86. </ul>
  87. </div>
  88. <div class="shiti s2">
  89. <p class="tit"><span class="tihao">2.</span><span class="timu">出门走很远突然发现忘带手机肿么办?</span></p>
  90. <ul>
  91. <li class="buyao"><div id="b1" class="input" value="3"></div><label for="b1" style="vertical-align:top;">A.&nbsp;<img src="images/2-A.jpg" />冲回去拿!</label></li>
  92. <li class="buyao"><div id="b2" class="input" value="2"></div><label for="b2" style="vertical-align:top;">B.&nbsp;<img src="images/2-B.jpg" />心塞一天</label></li>
  93. <li class="buyao"><div id="b3" class="input" value="1"></div><label for="b3" style="vertical-align:top;">C.&nbsp;<img src="images/2-C.jpg" />手机是啥?</label></li>
  94. </ul>
  95. </div>
  96. <div class="shiti s3">
  97. <p class="tit"><span class="tihao">3.</span><span class="timu">手机能断网多久?</span></p>
  98. <br />
  99. <ul>
  100. <li><div class="input" value="3"></div>A.断网?不可能!</li>
  101. <li><div class="input" value="2"></div>B.半天</li>
  102. <li><div class="input" value="1"></div>C.断个半年都无所谓</li>
  103. </ul>
  104. </div>
  105. <div class="shiti s4">
  106. <p class="tit"><span class="tihao">4.</span><span class="timu">手机剩下多少电量时你会着急到处找充电器?</span></p>
  107. <div class="zitu"><img src="images/4.png" class="img" /></div>
  108. <ul>
  109. <li><div class="input" value="3"></div>A.90%以下</li>
  110. <li><div class="input" value="2"></div>B.50%以下</li>
  111. <li><div class="input" value="1"></div>C.手机提示电量低时</li>
  112. </ul>
  113. </div>
  114. <div class="shiti s5">
  115. <p class="tit"><span class="tihao">5.</span><span class="timu">常常幻听到手机铃声或幻觉到震动提示?</span></p>
  116. <br />
  117. <ul>
  118. <li><div class="input" value="3"></div>A.常常</li>
  119. <li><div class="input" value="2"></div>B.偶尔</li>
  120. <li><div class="input" value="1"></div>C.从不 </li>
  121. </ul>
  122. </div>
  123. <div class="shiti s6">
  124. <p class="tit"><span class="tihao">6.</span><span class="timu">没有流量的时候,我不是在找WiFi,就是在去找WiFi的路上?</span></p>
  125. <br />
  126. <ul>
  127. <li><div class="input" value="3"></div>A.必须去有WiFi的地方</li>
  128. <li><div class="input" value="2"></div>B.会尽量去有WiFi的地方</li>
  129. <li><div class="input" value="1"></div>C.老子有的是流量~! </li>
  130. </ul>
  131. </div>
  132. <div class="shiti s7">
  133. <p class="tit"><span class="tihao">7.</span><span class="timu">即使没什么事也时不时解锁手机滑动下屏幕?</span></p>
  134. <br />
  135. <ul>
  136. <li><div class="input" value="3"></div>A.卧槽,好像真的常常会这样</li>
  137. <li><div class="input" value="2"></div>B.好吧,偶尔会这样</li>
  138. <li><div class="input" value="1"></div>C.有病啊?没事滑什么手机</li>
  139. </ul>
  140. </div>
  141. <div class="shiti s8">
  142. <p class="tit"><span class="tihao">8.</span><span class="timu">刷微博、朋友圈的频率?</span></p>
  143. <br />
  144. <ul>
  145. <li><div class="input" value="3"></div>A.5分钟1次以上</li>
  146. <li><div class="input" value="2"></div>B.5分钟1次~半个小时1次</li>
  147. <li><div class="input" value="1"></div>C.一个小时不到2次 </li>
  148. </ul>
  149. </div>
  150. <div class="shiti s9">
  151. <p class="tit"><span class="tihao">9.</span><span class="timu">上厕所一定要带?</span></p>
  152. <br />
  153. <ul>
  154. <li class="buyao"><div id="b4" class="input" value="3"></div><label for="b4" style="vertical-align:top;">A.&nbsp;<img width="25%" src="images/9A.png"></label></li>
  155. <li class="buyao"><div id="b5" class="input" value="2"></div><label for="b5" style="vertical-align:top;">B.&nbsp;<img width="80%" src="images/9B.png"></label></li>
  156. <li class="buyao"><div id="b6" class="input" value="1"></div><label for="b6" style="vertical-align:top;">C.&nbsp;<img width="40%" src="images/9C.png"></label></li>
  157. </ul>
  158. </div>
  159. <div class="shiti s10">
  160. <p class="tit"><span class="tihao">10.</span><span class="timu">绝对不能忍受满满的通知栏?</span></p>
  161. <div class="zitu" style="width:70%;"><img src="images/10.png" class="img" /></div>
  162. <ul>
  163. <li><div class="input" value="3"></div>A.是的!</li>
  164. <li><div class="input" value="2"></div>B.还好。</li>
  165. <li><div class="input" value="1"></div>C.我倒想看看它能有多满<img src="images/wa.gif" /></li>
  166. </ul>
  167. </div>
  168. <div class="shiti s11">
  169. <p class="tit"><span class="tihao">11.</span><span class="timu">多久清理一次垃圾文件?</span></p>
  170. <div class="zitu"><img src="images/11.png" class="img" /></div>
  171. <ul>
  172. <li><div class="input" value="3"></div>A.每天一次或以上</li>
  173. <li><div class="input" value="2"></div>B.每星期一次左右</li>
  174. <li><div class="input" value="1"></div>C.我的手机已经存满了,请问怎么清理</li>
  175. </ul>
  176. </div>
  177. <div class="shiti s12">
  178. <p class="tit"><span class="tihao">12.</span><span class="timu">用耳机听歌的时候一定要分清左右耳?</span></p>
  179. <div class="zitu"><img src="images/12.png" class="img" /></div>
  180. <ul>
  181. <li><div class="input" value="3"></div>A.是的</li>
  182. <li><div class="input" value="2"></div>B.偶尔会纠结下这个啦</li>
  183. <li><div class="input" value="1"></div>C.额,原来耳机分左右耳的?</li>
  184. </ul>
  185. </div>
  186. <div class="shiti s13">
  187. <p class="tit"><span class="tihao">13.</span><span class="timu">看到以下图片的反应是?</span></p>
  188. <div class="zitu"><img src="images/13.png" class="img" /></div>
  189. <ul>
  190. <li><div class="input" value="3"></div>A.点!</li>
  191. <li><div class="input" value="2"></div>B.忍住不点...</li>
  192. <li><div class="input" value="1"></div>C.这不就一图标吗能有什么反应?</li>
  193. </ul>
  194. </div>
  195. <div class="shiti s14">
  196. <p class="tit"><span class="tihao">14.</span><span class="timu">看到以下图片的反应是?</span></p>
  197. <div class="zitu"><img src="images/14.png" class="img" /></div>
  198. <ul>
  199. <li><div class="input" value="3"></div>A.你TM就不能把最后一个也放整齐吗!</li>
  200. <li><div class="input" value="2"></div>B.总感觉有什么不对的样子</li>
  201. <li><div class="input" value="1"></div>C.不就一堆图标<img src="images/wa.gif" /></li>
  202. </ul>
  203. </div>
  204. <div class="shiti s15">
  205. <p class="tit"><span class="tihao">15.</span><span class="timu">看到以下图片的反应是:</span></p>
  206. <div class="zitu"><img src="images/15.gif" class="img" /></div>
  207. <ul>
  208. <li><div class="input" value="3"></div>A.刷新刷新刷新刷新刷新</li>
  209. <li><div class="input" value="2"></div>B.刷新刷新</li>
  210. <li><div class="input" value="1"></div>C.妈的,劳资不看了</li>
  211. </ul>
  212. </div>
  213. <div class="shiti s16">
  214. <p class="tit"><span class="tihao">16.</span><span class="timu">被以下微信头像愚弄后的反应是?</span></p>
  215. <div class="zitu"><img src="images/16.png" class="img" /></div>
  216. <ul>
  217. <li><div class="input" value="3"></div>A.麻痹<img src="images/huo.gif" /></li>
  218. <li><div class="input" value="2"></div>B.额,被骗了</li>
  219. <li><div class="input" value="1"></div>C.呵呵,还挺有趣的</li>
  220. </ul>
  221. </div>
  222. </div>
  223. <div class="scroll" style="display: block;">
  224. </div>
  225. </div>
  226. <div class="share">
  227. <img src="images/share.png" class="img" />
  228. </div>
  229. <div class="no_click">
  230. <img src="images/no_click.png" class="img" />
  231. </div>
  232. <div class="again"><img src="images/again.png" class="img" /></div>
  233. <div class="result"><img src="images/result.png" class="img" /></div>
  234. <div class="left_btn"><img src="images/left_btn.png" class="img" /></div>
  235. <div class="right_btn"><img src="images/right_btn.png" class="img" /></div>
  236. </div>
  237. <div id="weixin-shade"></div>
  238. </div>
  239. <script src="js/jquery-1.10.1.min.js"></script>
  240. <script src="js/layout.js"></script>
  241. <script type="text/JavaScript">
  242. window.shareData={
  243. 'title':'关注空中传媒网络,更多好玩的游戏等着你。',
  244. 'link':'http://game.ikongzhong.cn/games/sjqbz/',
  245. 'imgurl':'http://game.ikongzhong.cn/games/sjqbz/icon.png'
  246. }
  247. window.shareFriendData={
  248. 'title':'手机强迫症测试',
  249. 'content':'关注空中传媒网络,更多好玩的游戏等着你。',
  250. 'link':'http://game.ikongzhong.cn/games/sjqbz/',
  251. 'imgurl':'http://game.ikongzhong.cn/games/sjqbz/icon.png'
  252. }
  253. </script>
  254. <script type="text/JavaScript" src="http://gc.veiying.cn/code"></script>
  255. </body>
  256. </html>