index.html 3.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129
  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. <script type="text/javascript" src="jquery.min.js"></script>
  11. <script type="text/javascript" src="jQueryRotate.2.2.js"></script>
  12. <script type="text/javascript" src="jquery.easing.min.js"></script>
  13. <link rel="stylesheet" href="zp.css" />
  14. <style>
  15. #disk{background:url(wenzhangku.gif) no-repeat }
  16. </style>
  17. <script type="text/javascript">
  18. var info=new Array()
  19. info[0]="享不完的荣华富贵"
  20. info[1]="升不完的职"
  21. info[2]="不老的容颜"
  22. info[3]="温暖的家庭"
  23. info[4]="穿不完的新衣服"
  24. info[5]="环游世界"
  25. info[6]="听话的爱人"
  26. info[7]="花不完的人民币"
  27. info[8]="无忧的生活"
  28. info[9]="孝顺的孩子"
  29. info[10]="吃不完的山珍海味"
  30. info[11]="暴富的机会"
  31. function choujiang(){
  32. if($("#name").val()==""){
  33. alert("请输入名字");
  34. $("#name").focus();
  35. return false;
  36. }
  37. $.post("do.php", { name: $("#name").val()},function(data){
  38. var a = data*30+15;
  39. $("#startbtn").rotate({
  40. duration:3000,
  41. angle: 0,
  42. animateTo:1440+a,
  43. easing: $.easing.easeOutSine,
  44. callback: function(){
  45. var infos="“"+$("#name").val()+"”下半生将拥有"+info[data]+"。";
  46. $(document).attr('title',infos+"测你下半生将拥有什么好命");
  47. var infos="<font color=orange><b>【测试结果】</b></font><br />"+infos;
  48. $("#tip").html(infos);
  49. $("#info").css({display:""});
  50. }
  51. });
  52. });
  53. }
  54. function retry(){
  55. $("#info").css({display:"none"});
  56. }
  57. </script>
  58. </head>
  59. <body>
  60. <div id="main">
  61. <h1>测你下半生将拥有什么好命</h1>
  62. <div class="demo">
  63. <div id="disk"></div>
  64. <div id="start"><img src="start.png" id="startbtn" onClick="choujiang()"></div>
  65. </div>
  66. <div class="shuru">请输入您的名字:<input value="" id="name"></div>
  67. </div>
  68. <div id="info" style="display:none;">
  69. <div id="tip"></div>
  70. <div class="retry">
  71. <button onClick="retry()">重新测试</button>
  72. <button onClick="location.href='http://mp.weixin.qq.com/s?__biz=MzI4MjA2MjE0MQ==&mid=246005295&idx=1&sn=490f8141976d607ba079d48f52a3fcd7#rd'">关注我们</button>
  73.  <button onclick="location.href='http://game.ikongzhong.cn/'">更多好玩测试</button>
  74. </div>
  75. </div>
  76. <div id="footad">
  77. </div>
  78. <div class="more_test_list" id="more_test">
  79. <dt><h2>↓ 更多好玩测试 ↓</h2></dt>
  80. <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>
  81. </div>
  82. <footer style="margin-top:10px; font-size:10px; color:#bbb; text-align:center;">
  83. 郑重承诺:本页面为纯静态HTML制作,绝不收集任何用户信息!
  84. </footer>
  85. <textarea id="adhtml" style="display:none">
  86. <button onClick="location.href='http://mp.weixin.qq.com/s?__biz=MzI4MjA2MjE0MQ==&mid=246005295&idx=1&sn=490f8141976d607ba079d48f52a3fcd7#rd'">关注我们</button>
  87. <button onClick="location.href='http://game.ikongzhong.cn/'">智力游戏</button>
  88. </textarea>
  89. <script>
  90. infos=$("#adhtml").val();
  91. $("#footad").append(infos);
  92. </script>
  93. <div style="display:none">
  94. <script language="javascript" type="text/javascript" src="http://js.users.51.la/15858550.js"></script>
  95. </div>
  96. </body>
  97. </html>