You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 

114 lines
5.4 KiB

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
  6. <title></title>
  7. <style>
  8. *{margin:0px;padding: 0px;font-family: "黑体";}
  9. .tishi2{width:100%;text-align: center;font-size:18px;line-height: 30px;margin-bottom:20px;}
  10. .page2moblie,.page2choujiang{width:100%;text-align: center;margin-bottom:5px;}
  11. .page2moblie span,.page2choujiang span{font-size: 16px;}
  12. .kjtime{width:100%;text-align: center;font-size: 18px;margin-top:20px;}
  13. .kjtime2{width:100%;text-align: center;font-size: 18px;margin-top:5px;margin-bottom: 10px;}
  14. .anniu2{width:90%;margin:auto;text-align: center;height: 30px;line-height: 30px;font-size: 18px;color: #FFFFFF;background: #33d6b0;margin-bottom: 10px;margin-top:15px;}
  15. .tishi3{margin-left:5%;font-weight: bold;text-align: left;margin-top:17px;}
  16. .tishi4{width:90%;margin:auto;font-size: 14px;margin-top:10px;line-height: 22px;}
  17. .zhizhulogo{width:100%;height: 136px;}
  18. .black{position: absolute;top:0;left: 0;background: #000000;opacity: 0.4;width:100%;}
  19. .tishi5{position: absolute;top:175px;left: 0;right: 0;margin:auto;background: #FFFFFF;width:66%;border-radius:5px;padding: 10px;padding-top:30px;padding-bottom:30px;font-size:15px;display: none;}
  20. .x{position: absolute;top:5px;right:5px; height: 20px;width:20px;text-align: center;line-height: 21px;font-size: 16px;background:#FF7E00;color:#FFFFFF;border-radius:2px;}
  21. </style>
  22. </head>
  23. <body id="body">
  24. <div style="position: relative;">
  25. <div class="page2" id="page2">
  26. <div class="tishi2">
  27. <div style="margin-bottom:5px;width:90%;margin:auto;padding-top:85px;">您已成功参与蜘蛛出行免单活动!</div>
  28. <!--<div>免费千岛湖巴士自由行共5名额</div>
  29. <div style="font-size: 14px;">上海出发 不含住宿及门票</div>
  30. <div>免费普陀山巴士自由行共5名额</div>
  31. <div style="font-size: 14px;">上海出发 不含住宿及门票</div>-->
  32. <!--<a href="http://mp.weixin.qq.com/s?__biz=MzIwNjI0MDAwOQ==&mid=502857775&idx=2&sn=1d04e2f10383af14cdd1a8481353e9ef&scene=0&previewkey=m65GKbcndwwmEE8v%2FfjGRcwqSljwj2bfCUaCyDofEow%3D#wechat_redirect">
  33. <img style="height: 277px;width:100%;" src="img/lotop.png"/>
  34. </a>-->
  35. </div>
  36. <div class="page2moblie" style="margin-bottom:63px;">
  37. <span>手机号:</span>
  38. <span id="moblienum2"></span>
  39. </div>
  40. <div id="cjm">
  41. <div class="page2choujiang">
  42. <div style="margin-bottom:20px;">你的抽奖码:</div>
  43. <div id="choujiangma" style="width:90%;margin-left:5%;padding-right:5%; word-wrap: break-word; word-break: break-all;">1140</div>
  44. </div>
  45. </div>
  46. <div class="anniu2" id="anniu2">多要一个抽奖码</div>
  47. <!--<div class="anniu2" id="anniu3">再拿一个大红包</div>-->
  48. <div class="tishi3" style="margin-top:30px;">开奖时间:</div>
  49. <div class="tishi4" >2016年5月23日 周一 18:00</div>
  50. <div class="tishi3">温馨提示:</div>
  51. <div class="tishi4" >点击上方[多要一个抽奖码],<!--分享朋友圈-->按提示操作,即多奖励一个抽奖码!</div>
  52. <!-- <div class="tishi4" >2.点击上方[再拿一个大红包],成功邀请2位好友参与,奖励一个大红包!红包数量有限,先到先得哦!</div>-->
  53. <div style="margin:0 auto;text-align: center;"><img class="zhizhulogo" style="width:300px;" src="img/zhizhulogo.png" alt="" /></div>
  54. </div>
  55. <div class="black" id="black"></div>
  56. <div class="tishi5" id="tishi5">
  57. <div class="x" id="x">×</div>
  58. <div id="content"></div>
  59. </div>
  60. </div>
  61. </body>
  62. <script>
  63. var anniu3=document.getElementById("anniu3");
  64. var anniu2=document.getElementById("anniu2");
  65. var tishi5=document.getElementById("tishi5");
  66. var black=document.getElementById("black");
  67. var body=document.getElementById("body");
  68. var x=document.getElementById("x");
  69. var content=document.getElementById("content");
  70. var H=document.documentElement.clientHeight;
  71. black.style.height=H+"px";
  72. black.style.display="none";
  73. var banmove = function(ev){ev.preventDefault();}
  74. anniu2.onclick=function(){
  75. window.scrollTo(0,0)
  76. body.addEventListener('touchmove',banmove);
  77. //var hh = document.documentElement.clientHeight;
  78. // window.scrollTo(0,0)
  79. //alert(window.innerHeight)
  80. // alert(body.style.height)
  81. body.style.overflow="hidden";
  82. body.style.height=H+'px';
  83. black.style.display="block";
  84. tishi5.style.display="block";
  85. content.innerHTML="点击右上角【···】,选择【分享朋友圈】,分享成功,您即多获得一个抽奖码;<br>选择【发送给朋友】每邀请一位好友报名成功,再额外获得一个抽奖码!"
  86. }
  87. // anniu3.onclick=function(){
  88. // body.style.overflow="hidden";
  89. // black.style.display="block";
  90. // tishi5.style.display="block";
  91. // content.innerHTML="点击右上角【···】,选择【发送给朋友】邀请两位好友报名成功,您即可领取红包!共190份红包,先到先得!"
  92. // }
  93. x.onclick=function(){
  94. body.removeEventListener('touchmove',banmove);
  95. tishi5.style.display="none";
  96. black.style.display="none";
  97. body.style.overflow="scroll";
  98. }
  99. window.onload=function(){
  100. var xhr = new XMLHttpRequest();
  101. xhr.open("GET","http://180.76.185.227/php/json.php?key="+Math.random(),true);
  102. xhr.send(null);
  103. xhr.onload = function(){
  104. console.log(xhr.responseText);
  105. }
  106. }
  107. </script>
  108. </html>