|
|
@@ -1,162 +1,184 @@
|
|
|
+
|
|
|
+<!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"> -->
|
|
|
+ <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>
|
|
|
|
|
|
-<!DOCTYPE html>
|
|
|
-<html>
|
|
|
-<head>
|
|
|
- <meta charset="UTF-8">
|
|
|
- <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1"/>
|
|
|
- <title>大A顶级实盘赛</title>
|
|
|
- <link rel="stylesheet" href="bootstrap.min.css">
|
|
|
- <link rel="stylesheet" href="index.css">
|
|
|
- <script src="jquery-3.6.1.min.js"></script>
|
|
|
-</head>
|
|
|
-
|
|
|
-<body>
|
|
|
-
|
|
|
- <div id="open"></div>
|
|
|
-
|
|
|
-
|
|
|
- <div class="banner" id="banner">
|
|
|
- <img width="100%" src="image/banner.jpg" alt="">
|
|
|
- <table>
|
|
|
- <tr>
|
|
|
- <td colspan="2">
|
|
|
- <h1>大A顶级实盘赛</h1><span>下载顽主杯App，参与比赛</span>
|
|
|
- </td>
|
|
|
- <td width="30%" rowspan="2" style="vertical-align: bottom;"><img width="82%" src="image/1.png" alt=""></td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td class="app_down" width="20%">
|
|
|
- <a class="android" href="#" target="_blank"><i class="fa fa-android"></i>Android</a>
|
|
|
- <a class="ios" style="margin: 0" href="#" target="_blank"><i class="fa fa-apple"></i>iOS</a>
|
|
|
- </td>
|
|
|
- <td class="ewm"><img width="170" src="image/erwm.png" alt=""></td>
|
|
|
- </tr>
|
|
|
- </table>
|
|
|
- </div>
|
|
|
- <div class="content" style="background: #F8F8F8">
|
|
|
- <div class="part row play_1 act_1">
|
|
|
- <div class="col-sm-6 col-xs-6 img"></div>
|
|
|
- <div class="col-sm-6 col-xs-6 des"><h1>A股顶级实盘大赛</h1><p>每届上千人参与-资金数亿</p></div>
|
|
|
- </div>
|
|
|
- <div class="part row play_2">
|
|
|
- <div class="col-sm-6 col-xs-6 des"><h1>海量牛人聚集地</h1><p>学习高手零距离</p></div>
|
|
|
- <div class="col-sm-6 col-xs-6 img"></div>
|
|
|
- </div>
|
|
|
- <div class="part row play_3">
|
|
|
- <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 class="part row play_4">
|
|
|
- <div class="col-sm-6 col-xs-6 des "><h1>比赛数据追溯回看</h1><p>不错过每一场赛事</p></div>
|
|
|
- <div class="col-sm-6 col-xs-6 img"></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">
|
|
|
- <p class="text-center">Copyright 2022 湖南顽主杯 版权所有 湘ICP备2021013011号-1
|
|
|
-</div>
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-</body>
|
|
|
-
|
|
|
-<script>
|
|
|
- var browser={
|
|
|
- versions:function(){
|
|
|
- var u = navigator.userAgent, app = navigator.appVersion;
|
|
|
- return {
|
|
|
- trident: u.indexOf('Trident') > -1,
|
|
|
- presto: u.indexOf('Presto') > -1,
|
|
|
- webKit: u.indexOf('AppleWebKit') > -1,
|
|
|
- gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1,
|
|
|
- mobile: !!u.match(/AppleWebKit.*Mobile.*/),
|
|
|
- ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/),
|
|
|
- android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1,
|
|
|
- iPhone: u.indexOf('iPhone') > -1 ,
|
|
|
- iPad: u.indexOf('iPad') > -1,
|
|
|
- webApp: u.indexOf('Safari') == -1
|
|
|
- }
|
|
|
- }(),
|
|
|
- language:(navigator.browserLanguage || navigator.language).toLowerCase()
|
|
|
- };
|
|
|
-
|
|
|
- function loadHtml(){
|
|
|
- var div = document.createElement('div');
|
|
|
- div.id = 'weixin-tip';
|
|
|
- div.innerHTML = '<p><img src="image/llqopen.jpg" width="100%" alt="微信打开"/></p>';
|
|
|
- document.getElementById("banner").appendChild(div)
|
|
|
- }
|
|
|
-
|
|
|
- function loadStyleText(cssText) {
|
|
|
- var style = document.createElement('style');
|
|
|
- style.rel = 'stylesheet';
|
|
|
- style.type = 'text/css';
|
|
|
- try {
|
|
|
- style.appendChild(document.createTextNode(cssText));
|
|
|
- } catch (e) {
|
|
|
- style.styleSheet.cssText = cssText; //ie9以下
|
|
|
- }
|
|
|
- var head=document.getElementsByTagName("head")[0]; //head标签之间加上style样式
|
|
|
- head.appendChild(style);
|
|
|
- }
|
|
|
- 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%;}";
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
- $(".app_down .ios").on("click", function () {
|
|
|
- if(/MicroMessenger/i.test(navigator.userAgent)) {
|
|
|
- loadHtml();
|
|
|
- loadStyleText(cssText);
|
|
|
- return false;
|
|
|
-// $(this).attr("href","https://apps.apple.com/cn/app/%E9%A1%BD%E4%B8%BB%E6%9D%AF/id6444557166")
|
|
|
- }else{
|
|
|
- $(this).attr("href","https://apps.apple.com/cn/app/%E9%A1%BD%E4%B8%BB%E6%9D%AF/id6444557166")
|
|
|
- }
|
|
|
- });
|
|
|
-
|
|
|
- $(".app_down .android").on("click", function () {
|
|
|
- if(/MicroMessenger/i.test(navigator.userAgent)) {
|
|
|
- loadHtml();
|
|
|
- loadStyleText(cssText);
|
|
|
- return false;
|
|
|
- }else{
|
|
|
- $(this).attr("href","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>
|
|
|
+<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_iphone').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>
|
xjc
