index.html 9.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198
  1. <!DOCTYPE html>
  2. <html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  3. <title>古埃及对称填图智商测试,太邪门了</title>
  4. <meta charset="utf-8">
  5. <script src="http://game.ikongzhong.cn/games/iq/jquery.js"></script>
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7. <meta name="viewport" content="target-densitydpi=320,width=640,user-scalable=no">
  8. <script>
  9. $(document).ready(function(){
  10. $("div.select").click(function(){
  11. var id = $(this).attr("id");
  12. var value = "";
  13. var cval = $("div#question").attr("class");
  14. if(cval === "first") {
  15. $("div#question").attr("class", "second");
  16. $("h1#answer1").text(id);
  17. } else if(cval === "second"){
  18. $("div#question").attr("class", "third");
  19. $("h1#answer2").text(id);
  20. } else if(cval === "third"){
  21. $("div#question").attr("class", "four");
  22. $("h1#answer3").text(id);
  23. } else if(cval === "four"){
  24. $("div#question").attr("class", "five");
  25. $("h1#answer4").text(id);
  26. } else if(cval === "five"){
  27. $("div#question").attr("class", "six");
  28. $("h1#answer5").text(id);
  29. } else if (cval === "six"){
  30. if($("h1#answer6").text().length > 0) {
  31. alert("请提交您的答案!");
  32. return false;
  33. }
  34. $("h1#answer6").text(id);
  35. $("div#submit").show();
  36. $("a#link").click();
  37. }
  38. return false;
  39. });
  40. $("a#link").click(function(){
  41. var text = $("h1.answer").text();
  42. var aws = "BDCHAF";
  43. var count = 0;
  44. if(text[0] == aws[0]){
  45. count += 1;
  46. }
  47. if(text[1] == aws[1]){
  48. count += 1;
  49. }
  50. if(text[2] == aws[2]){
  51. count += 1;
  52. }
  53. if(text[3] == aws[3]){
  54. count += 1;
  55. }
  56. if(text[4] == aws[4]){
  57. count += 1;
  58. }
  59. if(text[5] == aws[5]){
  60. count += 1;
  61. }
  62. var fen = Math.round(count/6 * 100)+52;
  63. $("div#question").attr("class", "iq_level");
  64. $("span#iq_val").text(fen);
  65. $("div#iq_level").show();
  66. $("div#submit").hide();
  67. $("div#share").show();
  68. return false;
  69. });
  70. $("#share").click(function(){
  71. $("#mask").show();
  72. $("#tip").show();
  73. return false;
  74. });
  75. $("#mask").click(function(){
  76. if($("#mask").is(":visible")){
  77. $("#mask").hide();
  78. $("#tip").hide();
  79. }
  80. return false;
  81. });
  82. });
  83. var mebtnopenurl = 'http://game.ikongzhong.cn';
  84. document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
  85. var domains = ['game.ikongzhong.cn','game.ikongzhong.cn','game.ikongzhong.cn','game.ikongzhong.cn'];
  86. var domain = domains[new Date().getTime()%4];
  87. window.shareData = {
  88. "imgUrl": "http://game.ikongzhong.cn/games/iq/logo.png",
  89. "timeLineLink": "http://game.ikongzhong.cn/games/iq/index.html",
  90. "tTitle": "准到爆的古埃及智商测试,太邪门了",
  91. "tContent": "通过空间知觉能力、观察能力、记忆力、思考能力、理解能力、注意力、判断力、推理能力、数的概念、语言能力、分析能力等丰富多样的智商测试,来充分了解你自己。来测测吧!"
  92. };
  93. WeixinJSBridge.on('menu:share:appmessage', function(argv) {
  94. WeixinJSBridge.invoke('sendAppMessage', {
  95. "img_url": window.shareData.imgUrl,
  96. "link": window.shareData.timeLineLink,
  97. "desc": window.shareData.tContent,
  98. "title": window.shareData.tTitle
  99. }, function(res) {
  100. document.location.href = mebtnopenurl;
  101. })
  102. });
  103. WeixinJSBridge.on('menu:share:timeline', function(argv) {
  104. WeixinJSBridge.invoke('shareTimeline', {
  105. "img_url": window.shareData.imgUrl,
  106. "img_width": "640",
  107. "img_height": "640",
  108. "link": window.shareData.timeLineLink,
  109. "desc": window.shareData.tContent,
  110. "title": window.shareData.tTitle
  111. }, function(res) {
  112. document.location.href = mebtnopenurl;
  113. });
  114. });
  115. WeixinJSBridge.on('menu:share:weibo', function(argv) {
  116. WeixinJSBridge.invoke('shareWeibo', {
  117. "content": window.shareData.tContent,
  118. "url": window.shareData.timeLineLink,
  119. }, function(res) {
  120. document.location.href = mebtnopenurl;
  121. });
  122. });
  123. }, false)
  124. </script>
  125. <style type="text/css">
  126. html, body { margin: 0; padding: 0; height: 100%; }
  127. #wrapper { margin: 0 auto 0 auto; width: 640px; min-height: 90%; background: url(http://game.ikongzhong.cn/games/iq/0.png) repeat left top; font-family: "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif; }
  128. #answer { background: url(http://game.ikongzhong.cn/games/iq/1.png) no-repeat left top; margin: 0 auto; width: 600px; height: 44px; margin-bottom: 50px; }
  129. .first { background: url(http://game.ikongzhong.cn/games/iq/2.png) no-repeat left top; margin: 0 auto; width: 556px; height: 589px; }
  130. .second { background: url(http://game.ikongzhong.cn/games/iq/3.png) no-repeat left top; margin: 0 auto; width: 556px; height: 589px; }
  131. .third { background: url(http://game.ikongzhong.cn/games/iq/4.png) no-repeat left top; margin: 0 auto; width: 556px; height: 589px; }
  132. .four { background: url(http://game.ikongzhong.cn/games/iq/5.png) no-repeat left top; margin: 0 auto; width: 556px; height: 589px; }
  133. .five { background: url(http://game.ikongzhong.cn/games/iq/6.png) no-repeat left top; margin: 0 auto; width: 556px; height: 589px; }
  134. .six { background: url(http://game.ikongzhong.cn/games/iq/7.png) no-repeat left top; margin: 0 auto; width: 556px; height: 589px; }
  135. .iq_level { background: url(http://game.ikongzhong.cn/games/iq/8.png) no-repeat left top; margin: 0 auto; width: 556px; height: 589px; }
  136. #hope { position: absolute; top: 280px; left: 50px; }
  137. #content { width: 510px; height: 260px; margin: 0; padding: 10px; background-color: #e1e1e1; border: solid 2px; border-radius: 2px; font-size: 30px; font-weight: 600; color: #9a9a9a; }
  138. #button { position: absolute; top: 540px; left: 100px; }
  139. #button1 { position: absolute; top: 640px; left: 100px; }
  140. #mask { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none; background-color: #333; filter: alpha(Opacity=90); -moz-opacity: 0.9; opacity: 0.9; }
  141. #tip { display: none; position: absolute; top: 10px; left: 10px; }
  142. #name { height: 40px; font-size: 32px; }
  143. .ys { color: #FF0; }
  144. </style>
  145. </head>
  146. <body style="zoom: 1; ">
  147. <div id="wrapper">
  148. <div style="padding-top:50px;">
  149. <div id="answer">
  150. <h1 id="answer1" class="answer" style="color:white; margin-left:36px; margin-top: 2px; float:left;"></h1>
  151. <h1 id="answer2" class="answer" style="color:white; margin-left:60px; margin-top: 2px;float:left;"></h1>
  152. <h1 id="answer3" class="answer" style="color:white; margin-left:63px; margin-top: 2px;float:left;"></h1>
  153. <h1 id="answer4" class="answer" style="color:white; margin-left:63px; margin-top: 2px;float:left;"></h1>
  154. <h1 id="answer5" class="answer" style="color:white; margin-left:63px; margin-top: 2px; float:left;"></h1>
  155. <h1 id="answer6" class="answer" style="color:white; margin-left:63px; margin-top: 2px;float:left;"></h1>
  156. </div>
  157. <div style="clear:both;"></div>
  158. </div>
  159. <div id="question" class="first">
  160. <div id="" style="height:339px;">
  161. <div id="iq_level" style="display:none; margin: 0 auto 0 auto; width:420px; text-align: center;">
  162. <h1 style="color:white;">你的IQ智商测试结果是 <span id="iq_val"></span> 分</h1>
  163. <br>
  164. <h2>
  165. <a style="color:#fff;font-size:40px;" href="http://game.ikongzhong.cn/"> 千万别点这里,万万不能点啊 </a>
  166. </h2>
  167. </div>
  168. </div>
  169. <div style="margin: 0 auto; width:424px;">
  170. <div id="A" class="select" style="height:55px; width:90px; margin-right: 16px; margin-bottom: 53px; cursor:pointer; float:left;"></div>
  171. <div id="B" class="select" style="height:55px; width:90px; margin-right: 16px; margin-bottom: 53px; cursor:pointer; float:left;"></div>
  172. <div id="C" class="select" style="height:55px; width:90px; margin-right: 16px; margin-bottom: 53px; cursor:pointer; float:left;"></div>
  173. <div id="D" class="select" style="height:55px; width:90px; margin-right: 16px; margin-bottom: 53px; cursor:pointer; float:left;"></div>
  174. <div id="E" class="select" style="height:55px; width:90px; margin-right: 16px; margin-bottom: 53px; cursor:pointer; float:left;"></div>
  175. <div id="F" class="select" style="height:55px; width:90px; margin-right: 16px; margin-bottom: 53px; cursor:pointer; float:left;"></div>
  176. <div id="G" class="select" style="height:55px; width:90px; margin-right: 16px; margin-bottom: 53px; cursor:pointer; float:left;"></div>
  177. <div id="H" class="select" style="height:55px; width:90px; margin-right: 16px; margin-bottom: 53px; cursor:pointer; float:left;"></div>
  178. <div style="clear:both;"></div>
  179. </div>
  180. </div>
  181. <div id="submit" style="margin:0 auto; width:200px; display:none;"><a id="link" style="cursor:pointer;"><img src="./准到爆的古埃及智商测试,太邪门了_files/460" alt="submit"></a></div>
  182. <div id="hope"></div>
  183. <div id="share" style="margin: 0 auto; width:416px; display:none;"><img src="http://game.ikongzhong.cn/games/iq/2000.png"></div>
  184. <div id="mask"></div>
  185. <div id="tip"><img src="http://game.ikongzhong.cn/games/iq/py.png"></div>
  186. </div>
  187. <img src="http://img.tongji.linezing.com/3455448/tongji.gif">
  188. </body></html>