index.html 4.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no" />
  6. <meta name="apple-mobile-web-app-capable" content="yes">
  7. <title>你的指纹与谁最相配(男生版)</title>
  8. <meta name="keywords" content="你的指纹与谁最相配(男生版)" />
  9. <meta name="description" content="你的指纹与谁最相配(男生版)" />
  10. <link rel="stylesheet" href="zw.css" />
  11. <link rel="stylesheet" href="zp.css" />
  12. </head>
  13. <body onselectstart='return false' class="disable-default-action">
  14. <h1>你的指纹与谁最相配(男生版)</h1>
  15. <div class="shuoming">说明:先输入姓名,然后将手指按在指纹识别区。</div>
  16. <div class="m-farea J_farea">
  17. <div class="line"></div>
  18. </div>
  19. <div class="shuru">请输入您的名字:<input value="" id="name"></div>
  20. <div id="info" style="display:none;">
  21. <div id="tip"></div>
  22. <div class="retry">
  23. <button onClick="retry()">重新测试</button>
  24.  <button onclick="location.href='http://game.ikongzhong.cn/'">更多好玩测试</button>
  25. </div>
  26. </div>
  27. <script type="text/javascript" src="zepto.min.js"></script>
  28. <script type="text/javascript">
  29. var info=new Array()
  30. info[0]="李小璐"
  31. info[1]="柳岩"
  32. info[2]="范冰冰"
  33. info[3]="angelababy"
  34. info[4]="全智贤"
  35. info[5]="林志玲"
  36. info[6]="小泽玛利亚"
  37. info[7]="苍井空"
  38. info[8]="汤唯"
  39. info[9]="马伊琍"
  40. info[10]="邓紫棋"
  41. info[11]="吴莫愁"
  42. var _t;
  43. function op(_this,ev){
  44. var _that = $(_this),
  45. _type = ev.type;
  46. switch(_type){
  47. case "touchstart" :
  48. _is = true;
  49. $(".J_farea").find(".line").addClass("active");
  50. _t = setTimeout(function(){$(".J_farea").find(".line").removeClass("active");_is = false;setTimeout(function(){
  51. $.post("do.php", { name: $("#name").val()},function(data){
  52. var a = data*30+15;
  53. var infos="“"+$("#name").val()+"”的指纹与"+info[data]+"最相配。";
  54. document.title = infos+" | 指纹配对(男生版)";
  55. var infos="<font color=orange><b>【测试结果】</b></font><br />"+infos;
  56. $("#tip").html(infos);
  57. $("#info").css({display:""});
  58. });
  59. },100);},3000);
  60. break;
  61. case "touchend":
  62. $(".J_farea").find(".line").removeClass("active");
  63. clearTimeout(_t);
  64. if(_is){
  65. $(".J_error").show();
  66. setTimeout(function(){$(".J_error").hide();},1000);
  67. }
  68. break;
  69. }
  70. }
  71. $(".J_farea").on("touchstart",function(ev){
  72. if($("#name").val()==""){
  73. alert("请输入您的名字");
  74. document.getElementById('name').focus()
  75. return false;
  76. }
  77. op(this,ev);}).on("touchend",function(ev){op(this,ev);});
  78. $(".J_error").click(function(){var _that = this;setTimeout(function(){$(_that).hide();},200);})
  79. function retry(){
  80. $("#info").css({display:"none"});
  81. }
  82. </script>
  83. <div id="footad">
  84. </div>
  85. <div class="more_test_list" id="more_test">
  86. <dt><h2>↓ 更多好玩测试 ↓</h2></dt>
  87. <dd><a href="../huihuang/"><li>测测你一生中最辉煌的年龄</li></a><a href="../nianxin/"><li>测测年薪多少才配得上你?</li></a><a href="../kaiche/"><li>测你五年内会开什么车</li></a><a href="../tiansheng/"><li>测测你天生是什么命</li></a><a href="../qianshi/"><li>测测你前世是什么人</li></a><a href="../chuanyue/"><li>穿越回古代你会是谁?</li></a><a href="../ceo/"><li>测你会成为哪家公司总裁。</li></a><a href="../qianshi/"><li>测测你前世是什么人</li></a></dd>
  88. </div>
  89. <div class="J_error m_error">
  90. <p>扫描时间过短,无法识别</p>
  91. </div>
  92. <footer style="margin-top:10px; font-size:10px; color:#bbb; text-align:center;">
  93. 郑重承诺:本页面为纯静态HTML制作,绝不收集任何用户信息。
  94. </footer>
  95. <textarea id="adhtml" style="display:none">
  96. <button onClick="location.href='http://mp.weixin.qq.com/s?__biz=MzI4MjA2MjE0MQ==&mid=246005295&idx=1&sn=490f8141976d607ba079d48f52a3fcd7#rd'">关注我们</button>
  97. <button onClick="location.href='http://game.ikongzhong.cn/'">智力游戏</button>
  98. </textarea>
  99. <script>
  100. infos=$("#adhtml").val();
  101. $("#footad").append(infos);
  102. </script>
  103. <div style="display:none">
  104. <script language="javascript" type="text/javascript" src="http://js.users.51.la/15858550.js"></script></div>
  105. </body>
  106. </html>