暫無描述

index.html 6.2KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta content="no" name="apple-mobile-web-app-capable">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,minimum-scale=1.0,user-scalable=0" />
  7. <link rel="stylesheet" type="text/css" href="../common/reset.css"/>
  8. <link rel="stylesheet" type="text/css" href="css/animate.min.css"/>
  9. <link rel="stylesheet" type="text/css" href="css/index.css"/>
  10. <link rel="stylesheet" type="text/css" href="css/swiper.min.css"/>
  11. <script type="text/javascript" src="js/swiper.animate.min.js"></script>
  12. <script type="text/javascript" src="../common/jquery-2.1.0.js"></script>
  13. <script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/3.4.2/js/swiper.min.js"></script>
  14. <title>国庆预热</title>
  15. <script type="text/javascript">
  16. document.documentElement.style.fontSize = 100 * (document.documentElement.clientWidth/375) + "px";
  17. window.onresize = function(){
  18. document.documentElement.style.fontSize = 100 * (document.documentElement.clientWidth/375) + "px";
  19. }
  20. </script>
  21. </head>
  22. <body>
  23. <div class="container">
  24. <div class="swiper-container">
  25. <div class="swiper-wrapper">
  26. <!-------------slide1----------------->
  27. <section class="swiper-slide swiper-slide1">
  28. <img src="https://kx-youhuiquan.oss-cn-beijing.aliyuncs.com/pintuan/guoqingqitainle.png" alt="" />
  29. <img src="https://kx-youhuiquan.oss-cn-beijing.aliyuncs.com/guoqing/up.png" id="array" class="resize">
  30. </section>
  31. <!---------------slide2-------------->
  32. <section class="swiper-slide swiper-slide2">
  33. <div class="top"><img src="https://kx-youhuiquan.oss-cn-beijing.aliyuncs.com/guoqing/101.png"/></div>
  34. <div class="contan">
  35. <div class="item"><img src="https://kx-youhuiquan.oss-cn-beijing.aliyuncs.com/guoqing/1011.png" /></div>
  36. <div class="item"><img src="https://kx-youhuiquan.oss-cn-beijing.aliyuncs.com/guoqing/1012.png" style=""/></div>
  37. <div class="item"><img src="https://kx-youhuiquan.oss-cn-beijing.aliyuncs.com/guoqing/1013.png" style="" /></div>
  38. </div>
  39. <img src="https://kx-youhuiquan.oss-cn-beijing.aliyuncs.com/guoqing/up.png" id="array" class="resize">
  40. </section>
  41. <!----------------slide3-------------->
  42. <section class="swiper-slide swiper-slide3">
  43. <div class="top"><img src="https://kx-youhuiquan.oss-cn-beijing.aliyuncs.com/guoqing/102.png" alt="" /></div>
  44. <div class="contan">
  45. <div class="item"><img src="https://kx-youhuiquan.oss-cn-beijing.aliyuncs.com/guoqing/1021.png" alt="" /></div>
  46. <div class="item"><img src="https://kx-youhuiquan.oss-cn-beijing.aliyuncs.com/guoqing/1022.png" alt="" /></div>
  47. <div class="item"><img src="https://kx-youhuiquan.oss-cn-beijing.aliyuncs.com/guoqing/1023.png" alt="" /></div>
  48. </div>
  49. <img src="https://kx-youhuiquan.oss-cn-beijing.aliyuncs.com/guoqing/up.png" id="array" class="resize">
  50. </section>
  51. <!-------------slide4----------------->
  52. <section class="swiper-slide swiper-slide4">
  53. <div class="top"><img src="https://kx-youhuiquan.oss-cn-beijing.aliyuncs.com/guoqing/103.png" alt="" /></div>
  54. <div class="contan">
  55. <div class="item"><img src="https://kx-youhuiquan.oss-cn-beijing.aliyuncs.com/guoqing/1031.png" alt="" /></div>
  56. <div class="item"><img src="https://kx-youhuiquan.oss-cn-beijing.aliyuncs.com/guoqing/1032.png" alt="" /></div>
  57. <div class="item"><img src="https://kx-youhuiquan.oss-cn-beijing.aliyuncs.com/guoqing/1033.png" alt="" /></div>
  58. </div>
  59. <img src="https://kx-youhuiquan.oss-cn-beijing.aliyuncs.com/guoqing/up.png" id="array" class="resize">
  60. </section>
  61. <!-------------slide5----------------->
  62. <section class="swiper-slide swiper-slide5">
  63. <div class="top"><img src="https://kx-youhuiquan.oss-cn-beijing.aliyuncs.com/guoqing/0104.png" alt="" /></div>
  64. <div class="contan">
  65. <div class="item"><img src="https://kx-youhuiquan.oss-cn-beijing.aliyuncs.com/guoqing/1041.png" alt="" /></div>
  66. <div class="item"><img src="https://kx-youhuiquan.oss-cn-beijing.aliyuncs.com/guoqing/1042.png" alt="" /></div>
  67. <div class="item"><img src="https://kx-youhuiquan.oss-cn-beijing.aliyuncs.com/guoqing/1043.png" alt="" /></div>
  68. </div>
  69. <img src="https://kx-youhuiquan.oss-cn-beijing.aliyuncs.com/guoqing/up.png" id="array" class="resize">
  70. </section>
  71. <!-------------slide6----------------->
  72. <section class="swiper-slide swiper-slide6">
  73. <div class="top"><img src="https://kx-youhuiquan.oss-cn-beijing.aliyuncs.com/guoqing/105.png" alt="" /></div>
  74. <div class="contan">
  75. <div class="item"><img src="https://kx-youhuiquan.oss-cn-beijing.aliyuncs.com/guoqing/1051.png" alt="" /></div>
  76. <div class="item"><img src="https://kx-youhuiquan.oss-cn-beijing.aliyuncs.com/guoqing/1052.png" alt="" /></div>
  77. <div class="item"><img src="https://kx-youhuiquan.oss-cn-beijing.aliyuncs.com/guoqing/1053.png" alt="" /></div>
  78. </div>
  79. <img src="https://kx-youhuiquan.oss-cn-beijing.aliyuncs.com/guoqing/up.png" id="array" class="resize">
  80. </section>
  81. <!-------------slide7----------------->
  82. <section class="swiper-slide swiper-slide7">
  83. <div class="copy" onclick="copyPassword(),showMsgtip()">复制淘口令</div>
  84. <p class="tip">打开手机淘宝,等待红包自动生成,领取红包即可。</p>
  85. </section>
  86. </div>
  87. <!--<div class="swiper-pagination"></div>-->
  88. </div>
  89. <img src="https://kx-youhuiquan.oss-cn-beijing.aliyuncs.com/guoqing/img.png" class="down" />
  90. <input id="copy_1" type="text" readOnly="true" value=""/>
  91. <div id="copy_2"></div>
  92. <text id="taokouling">¥6pJxbfnNwEQ¥</text>
  93. <div class="alert-info" style="display: none;">
  94. <!-- tip提示,3s后消失 -->
  95. <p></p>
  96. </div>
  97. </div>
  98. </body>
  99. </html>
  100. <script type="text/javascript" src="js/index.js"></script>