index.html 5.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1"/>
  6. <title>大A顶级实盘赛</title>
  7. <link rel="stylesheet" href="bootstrap.min.css">
  8. <link rel="stylesheet" href="index.css">
  9. <script src="jquery-3.6.1.min.js"></script>
  10. </head>
  11. <body>
  12. <div id="open"></div>
  13. <div class="banner" id="banner">
  14. <img width="100%" src="image/banner.jpg" alt="">
  15. <table>
  16. <tr>
  17. <td colspan="2">
  18. <h1>大A顶级实盘赛</h1><span>下载顽主杯App,参与比赛</span>
  19. </td>
  20. <td width="30%" rowspan="2" style="vertical-align: bottom;"><img width="82%" src="image/1.png" alt=""></td>
  21. </tr>
  22. <tr>
  23. <td class="app_down" width="20%">
  24. <a class="android" href="#" target="_blank"><i class="fa fa-android"></i>Android</a>
  25. <a class="ios" style="margin: 0" href="#" target="_blank"><i class="fa fa-apple"></i>iOS</a>
  26. </td>
  27. <td class="ewm"><img width="170" src="image/erwm.png" alt=""></td>
  28. </tr>
  29. </table>
  30. </div>
  31. <div class="content" style="background: #F8F8F8">
  32. <div class="part row play_1 act_1">
  33. <div class="col-sm-6 col-xs-6 img"></div>
  34. <div class="col-sm-6 col-xs-6 des"><h1>A股顶级实盘大赛</h1><p>每届上千人参与-资金数亿</p></div>
  35. </div>
  36. <div class="part row play_2">
  37. <div class="col-sm-6 col-xs-6 des"><h1>海量牛人聚集地</h1><p>学习高手零距离</p></div>
  38. <div class="col-sm-6 col-xs-6 img"></div>
  39. </div>
  40. <div class="part row play_3">
  41. <div class="col-sm-6 col-xs-6 img"></div>
  42. <div class="col-sm-6 col-xs-6 des"><h1>场内情绪风向标</h1><p>及时发现热门牛股</p></div>
  43. </div>
  44. <div class="part row play_4">
  45. <div class="col-sm-6 col-xs-6 des "><h1>比赛数据追溯回看</h1><p>不错过每一场赛事</p></div>
  46. <div class="col-sm-6 col-xs-6 img"></div>
  47. </div>
  48. <!-- <div class="part row play_5">
  49. <div class="col-sm-6 col-xs-6 img"></div>
  50. <div class="col-sm-6 col-xs-6 des"><h1>会议干货,精彩分享</h1><p>听大佬解读行业政策,分享行业干货</p></div>
  51. </div> -->
  52. </div>
  53. <div class="footer">
  54. <p class="text-center">Copyright 2022 湖南顽主杯 版权所有 湘ICP备2021013011号-1
  55. </div>
  56. </body>
  57. <script>
  58. var browser={
  59. versions:function(){
  60. var u = navigator.userAgent, app = navigator.appVersion;
  61. return {
  62. trident: u.indexOf('Trident') > -1,
  63. presto: u.indexOf('Presto') > -1,
  64. webKit: u.indexOf('AppleWebKit') > -1,
  65. gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1,
  66. mobile: !!u.match(/AppleWebKit.*Mobile.*/),
  67. ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/),
  68. android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1,
  69. iPhone: u.indexOf('iPhone') > -1 ,
  70. iPad: u.indexOf('iPad') > -1,
  71. webApp: u.indexOf('Safari') == -1
  72. }
  73. }(),
  74. language:(navigator.browserLanguage || navigator.language).toLowerCase()
  75. };
  76. function loadHtml(){
  77. var div = document.createElement('div');
  78. div.id = 'weixin-tip';
  79. div.innerHTML = '<p><img src="image/llqopen.jpg" width="100%" alt="微信打开"/></p>';
  80. document.getElementById("banner").appendChild(div)
  81. }
  82. function loadStyleText(cssText) {
  83. var style = document.createElement('style');
  84. style.rel = 'stylesheet';
  85. style.type = 'text/css';
  86. try {
  87. style.appendChild(document.createTextNode(cssText));
  88. } catch (e) {
  89. style.styleSheet.cssText = cssText; //ie9以下
  90. }
  91. var head=document.getElementsByTagName("head")[0]; //head标签之间加上style样式
  92. head.appendChild(style);
  93. }
  94. var cssText = "#weixin-tip{position: fixed; left:0; top:0; background: rgba(0,0,0,0.8); filter:alpha(opacity=80); width: 100%; height:100%; z-index: 100;} #weixin-tip p{text-align: center; margin-top: 10%; padding:0 5%;}";
  95. $(".app_down .ios").on("click", function () {
  96. if(/MicroMessenger/i.test(navigator.userAgent)) {
  97. loadHtml();
  98. loadStyleText(cssText);
  99. return false;
  100. // $(this).attr("href","https://apps.apple.com/cn/app/%E9%A1%BD%E4%B8%BB%E6%9D%AF/id6444557166")
  101. }else{
  102. $(this).attr("href","https://apps.apple.com/cn/app/%E9%A1%BD%E4%B8%BB%E6%9D%AF/id6444557166")
  103. }
  104. });
  105. $(".app_down .android").on("click", function () {
  106. if(/MicroMessenger/i.test(navigator.userAgent)) {
  107. loadHtml();
  108. loadStyleText(cssText);
  109. return false;
  110. }else{
  111. $(this).attr("href","http://www.hunanwanzhu.com/wanzhubei.apk");
  112. }
  113. });
  114. if(window.screen.width<768){
  115. $('.play_1').addClass('act_1')
  116. $('.play_2').addClass('act_2')
  117. $('.play_3').addClass('act_3')
  118. }
  119. function animate(div,cssname){
  120. var b,c,d;
  121. d=div.offset().top;
  122. b=$(window).scrollTop();
  123. c=$(window).height();
  124. if(b+c>d){
  125. div.addClass((cssname));
  126. }else {
  127. div.removeClass((cssname));
  128. }
  129. }
  130. $(document).ready(function(e) {
  131. $(window).scroll(function(){
  132. $('.part').each(function () {
  133. var _index=$(this).index()+1
  134. var Class="act_"+_index
  135. animate($(this),Class);
  136. })
  137. });
  138. });
  139. </script>
  140. </html>