Bez popisu

index.html 4.2KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,minimum-scale=1.0,user-scalable=0"
  6. />
  7. <meta http-equiv="X-UA-Compatible" content="ie=edge">
  8. <title>下载省钱达人</title>
  9. <script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? "https://" : "http://");document.write(unescape("%3Cspan id='cnzz_stat_icon_1278015073'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s9.cnzz.com/z_stat.php%3Fid%3D1278015073' type='text/javascript'%3E%3C/script%3E"));</script>
  10. <script type="text/javascript">
  11. document.documentElement.style.fontSize = 100 * (document.documentElement.clientWidth/375) + "px";
  12. window.onresize = function(){
  13. document.documentElement.style.fontSize = 100 * (document.documentElement.clientWidth/375) + "px";
  14. }
  15. document.getElementById("cnzz_stat_icon_1278015073").style.display="none"; // 隐藏统计小图标
  16. //声明_czc对象:
  17. var _czc = _czc || [];
  18. //绑定siteid,请用您的siteid替换下方"XXXXXXXX"部分
  19. _czc.push(["_setAccount", "1278015073"]);
  20. </script>
  21. <style>
  22. html,body {
  23. width: 100%;
  24. height: 100vh;
  25. margin: 0;
  26. padding: 0;
  27. }
  28. img {
  29. float: left;
  30. width: 100%;
  31. }
  32. .last {
  33. margin-bottom: .49rem;
  34. }
  35. .bot {
  36. position: fixed;
  37. left: 0;
  38. bottom: 0;
  39. width: 100%;
  40. height: .5rem;
  41. line-height: .5rem;
  42. background: #FF2E46;
  43. color: #fff;
  44. font-size: .16rem;
  45. text-align: center;
  46. }
  47. .alert {
  48. position: fixed;
  49. top: 50%;
  50. left: 50%;
  51. transform: translate(-50%,-50%);
  52. z-index: 1;
  53. width: 80%;
  54. display: none;
  55. }
  56. .alert_img {
  57. width: 100%;
  58. }
  59. .top {
  60. width: 100%;
  61. height: .5rem;
  62. line-height: .5rem;
  63. background: #FF2E46;
  64. color: #fff;
  65. font-size: .16rem;
  66. text-align: center;
  67. }
  68. .mask {
  69. width: 100%;
  70. height: 100%;
  71. position: fixed;
  72. top: 0;
  73. left: 0;
  74. bottom: 0;
  75. right: 0;
  76. background: rgba(0,0,0,.4);
  77. display: none;
  78. }
  79. </style>
  80. </head>
  81. <body>
  82. <img src="./img/one.png" alt="" />
  83. <img src="./img/two.png" alt="" />
  84. <img src="./img/three.png" alt="" />
  85. <img class="last" src="./img/four.png" alt="" />
  86. <div class="alert">
  87. <div class="top">
  88. 搜索【省钱达人】下载
  89. </div>
  90. <img class="alert_img" src="./img/alert.jpg" alt="" />
  91. </div>
  92. <div class="bot">
  93. App Store搜索【省钱达人】下载
  94. </div>
  95. <div class="mask"></div>
  96. <script src="../common/jquery-2.1.0.js"></script>
  97. <script>
  98. var paramArr=location.search.replace("?","").split("&");
  99. var source=""; //source的值;
  100. window.onload=function() {
  101. source=getParam("source");
  102. _czc.push(["_trackEvent",'页面进入'+source,'页面进入','页面进入']);
  103. }
  104. $(".bot").on("click",function(){
  105. $(".alert").toggle();
  106. $(".mask").toggle();
  107. $("body").attr("style","overflow:hidden");
  108. _czc.push(["_trackEvent",'下载按钮的点击'+source,'下载按钮的点击','下载按钮的点击']);
  109. })
  110. $(".alert").on("click",function(){
  111. $(this).toggle();
  112. $(".mask").toggle();
  113. $("body").attr("style","");
  114. })
  115. $(".mask").on("click",function(){
  116. $(this).toggle();
  117. $(".alert").toggle();
  118. $("body").attr("style","");
  119. })
  120. function getParam(param) {
  121. var current="";
  122. paramArr.forEach((ele,index)=>{
  123. var data=ele.split("=")
  124. if(param==data[0]) {
  125. current=data[1]
  126. }
  127. })
  128. return current;
  129. }
  130. </script>
  131. </body>
  132. </html>