123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="UTF-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1"/>
- <title>顽主杯实盘大赛</title>
- <!-- <link rel="stylesheet" href="bootstrap.min.css"> -->
- <meta name="顽主杯" content="顽主杯实盘大赛">
- <link rel="stylesheet" href="index.css">
- <script src="jquery-3.6.1.min.js"></script>
- </head>
- <body>
- <div class="banner phone">
- <h1>大A顶级实盘赛</h1><span>下载顽主杯App,参与比赛/围观比赛</span> <br>
- <button class="down_load">点击下载</button>
- <img width="90%" src="img/banner.png" alt="">
- </div>
-
- <div class="banner pc">
- <table>
- <tr>
- <td colspan="2">
- <h1>大A顶级实盘赛</h1><span>下载顽主杯App,参与比赛/围观比赛</span>
- </td>
- </tr>
- <tr>
- <td class="ewm"><img width="200" src="img/ewm.png" alt=""></td>
- <td class="app_down" width="20%">
- <a class="android" href="http://www.hunanwanzhu.com/wanzhubei.apk" target="_blank">
- <img height="30" src="img/android.png" alt="">
- 安卓 Android</a>
- <a class="ios" style="margin: 0" href="https://apps.apple.com/cn/app/%E9%A1%BD%E4%B8%BB%E6%9D%AF/id6444557166" target="_blank">
- <img height="30" src="img/ios.png" alt="">苹果 iPhone</a>
- </td>
- </tr>
- </table>
- <img class="banner_img" src="img/banner.png" alt="">
- </div>
- <div class="content pc">
- <div class="part play_1 act_1">
- <div class="row">
- <div class="img"></div>
- <div class="des">
- <h1>大A顶级实盘赛</h1>
- <p>每届上千人参与,人气鼎盛</p>
- <img src="img/1-1.png" alt="">
- </div>
- </div>
- </div>
- <div class="part play_2">
- <div class="row">
- <div class="des"><h1>海量牛人聚集地</h1>
- <p>学习高手零距离</p></div>
- <div class="img"></div>
- </div>
- </div>
- <div class="part play_3">
- <div class="row">
- <div class="img"></div>
- <div class="des"><h1>场内情绪风向标</h1><p>及时发现热门牛股</p><img src="img/3-1.png" alt=""></div>
- </div>
- </div>
- <div class="part play_4">
- <div class="row">
- <div class="des "><h1>比赛数据追溯回看</h1><p>不错过每一场赛事</p></div>
- <div class="img"></div>
- </div>
- </div>
- <!-- <div class="part row play_5">
- <div class="col-sm-6 col-xs-6 img"></div>
- <div class="col-sm-6 col-xs-6 des"><h1>会议干货,精彩分享</h1><p>听大佬解读行业政策,分享行业干货</p></div>
- </div> -->
- </div>
- <div class="content phone">
- <div class="part play_1 act_1">
- <div class="row">
- <div class="des">
- <h1>大A顶级实盘赛</h1>
- <p>每届上千人参与,人气鼎盛</p>
- <img src="img/1-1.png" alt="">
- </div>
- <div class="img"></div>
- </div>
- </div>
- <div class="part play_2">
- <div class="row">
- <div class="des"><h1>海量牛人聚集地</h1>
- <p>学习高手零距离</p></div>
- <div class="img"></div>
- </div>
- </div>
- <div class="part play_3">
- <div class="row">
-
- <div class="des"><h1>场内情绪风向标</h1><p>及时发现热门牛股</p><img src="img/3-1.png" alt=""></div>
- <div class="img"></div>
- </div>
- </div>
- <div class="part play_4">
- <div class="row">
- <div class="des "><h1>比赛数据追溯回看</h1><p>不错过每一场赛事</p></div>
- <div class="img"></div>
- </div>
- </div>
- <!-- <div class="part row play_5">
- <div class="col-sm-6 col-xs-6 img"></div>
- <div class="col-sm-6 col-xs-6 des"><h1>会议干货,精彩分享</h1><p>听大佬解读行业政策,分享行业干货</p></div>
- </div> -->
- </div>
- <div class="footer">
- <h1>大A顶级实盘赛,欢迎你的参与</h1>
- <button class="pc">下载App参与比赛</button>
- <button class="phone">点击下载</button>
- <p>Copyright©️2023 长沙淼莱信息科技有限公司 版权所有 湘ICP备2021013011号-1</p>
- </div>
- <div class="bg_iphone"></div>
- <div class="bg_az"></div>
- </body>
- <script>
- $('.footer .pc').on('click', function() {
- $('html, body').stop().animate({
- scrollTop: 0
- })
- })
- $('.bg_iphone,.bg_az').click(function(){
- $(this).hide()
- })
- $(".down_load,.phone").on("click", function () {
- var ua = navigator.userAgent.toLowerCase();
- var isWeixin = ua.indexOf('micromessenger') != -1;
- if(isWeixin){
- $('html, body').stop().animate({
- scrollTop: 0
- })
- if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) { //判断iPhone|iPad|iPod|iOS
- $('.bg_az').show()
- } else if (/(Android)/i.test(navigator.userAgent)) { //判断Android
- $('.bg_az').show()
- }
- }else{
- if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) { //判断iPhone|iPad|iPod|iOS
- window.location = "https://apps.apple.com/cn/app/%E9%A1%BD%E4%B8%BB%E6%9D%AF/id6444557166";
- } else if (/(Android)/i.test(navigator.userAgent)) { //判断Android
- window.location = "http://www.hunanwanzhu.com/wanzhubei.apk";
- }
- }
- });
- if(window.screen.width<768){
- $('.play_1').addClass('act_1')
- $('.play_2').addClass('act_2')
- $('.play_3').addClass('act_3')
- }
- function animate(div,cssname){
- var b,c,d;
- d=div.offset().top;
- b=$(window).scrollTop();
- c=$(window).height();
- if(b+c>d){
- div.addClass((cssname));
- }else {
- div.removeClass((cssname));
- }
- }
- $(document).ready(function(e) {
- $(window).scroll(function(){
- $('.part').each(function () {
- var _index=$(this).index()+1
- var Class="act_"+_index
- animate($(this),Class);
- })
- });
- });
- </script>
- </html>
|