| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163 |
- <!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>
|