From 45679962f98ece6d0b80a3b076f77aaa142d62a8 Mon Sep 17 00:00:00 2001 From: agan <agan@yazhai.co> Date: Tue, 22 Mar 2022 15:29:58 +0800 Subject: [PATCH] 修改官網 --- index.html | 315 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++----------------------------------------------------------------- index3.html | 334 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 2 files changed, 330 insertions(+), 319 deletions(-) diff --git a/index.html b/index.html index 2e31b73..196d13f 100644 --- a/index.html +++ b/index.html @@ -1,12 +1,13 @@ <!DOCTYPE html> -<html lang="en"> +<html> -<head> - <script async src='https://www.google-analytics.com/analytics.js'></script> +<head lang="en"> + <meta charset="UTF-8"> + <title>Footseen - APP Download Homepage</title> <script src="https://www.footseen.com/js/jquery-3.1.1.min.js"></script> - <script src="../js/buriedPoint.js"></script> + <script src="../js/buriedPoint.js"></script> <script> - var _url = "https://webserver.yabolive.net" + var _url = "https://webserver.yabolive.net"; viewPage(); </script> <meta charset="UTF-8"> @@ -22,13 +23,16 @@ <meta content="telephone=no" name="format-detection"> <script src="https://www.footseen.com/js/fsize.js"></script> <link rel="stylesheet" href="https://www.footseen.com/css/base2.css"> - <link rel="stylesheet" href="https://www.footseen.com/css/newIndex.css?v=202104061611111111111111"> + <!-- <link rel="stylesheet" href="https://www.footseen.com/css/newIndex.css?v=202104061611111111111111"> --> + <link rel="stylesheet" href="../css/newIndex.css"> + <link rel="stylesheet" href="../css/new/common.css"> + <link rel="stylesheet" href="../css/new/index.css?v=202203101548"> + <script src="../js/new/touch-0.2.14.min.js"></script> <link rel="stylesheet" href="https://www.footseen.com/layer-v3.1.0/layer.css"> - <title>Footseen - APP Download Homepage</title> </head> -<body> - <div class="main"> +<body style="overflow: hidden;"> + <div id="pro"> <span class="langTitle"><img src="https://www.footseen.com/img/down2.png" /> <font></font> </span> @@ -37,67 +41,248 @@ <p data-lang="1">English</p> <p data-lang="7">العربية</p> </div> + <a class="topUp"></a> - <img src="https://footseen.com/img/new/text.png" class="mTextImg" /> - <div class="iosDown heartbeat"></div> - <div class="only18"></div> - <div style="display: none" class="layer-box"> - <div class="googleDown"><img src="https://www.footseen.com/img/googleplay.png" /><span>Google play</span> + <div id="box" class="page curpage"> + <div class="page0 p"> + <div class="iosDown heartbeat"></div> + <div class="only18"></div> + </div> + <div class="page1 p"> + <div class="mTitle mTitle1"> + <i class="mIcon"></i> + <span>我們的主播</span> + <i class="mIcon"></i> + </div> + <div class="mPhone"> + <div class="phoneBorder"></div> + <div class="voiceBg"> + <div class="voiceBtn muted"></div> + </div> + <div class="videoCon"> + <video id="video" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" + x5-video-player-type="h5" x5-video-player-fullscreen="true" + style="width: 100%;height: 100%;object-fit: fill;z-index: -1;" autoplay="autoplay" + muted="false" loop="loop"> + <source src="https://footseen.com/video/video.mp4" type="video/mp4"> + </source> + </video> + </div> + </div> + + <div class="iosDown btnPage2 heartbeat"></div> + <div class="bubbles"> + <div class="bubble1"></div> + <div class="bubble2"></div> + <div class="bubble3"></div> + <div class="bubble4"></div> + </div> + </div> + <div class="page2 p"> + <div class="mTitle mTitle2"> + <i class="mIcon"></i> + <span>網紅門的推薦</span> + <i class="mIcon"></i> + </div> + + <div class="downloadBtn2"></div> + + <div class="recommendBox"> + <div class="rVideos"></div> + </div> </div> - <div class="apkDown"><img src="https://www.footseen.com/img/andorid.png" /><span>APK</span></div> </div> </div> + <!--箭头--> + <div class="wipeUp"></div> + <script src="https://www.footseen.com/js/new/lang.js"></script> + <script src='https://www.footseen.com/layer-v3.1.0/layer/layer.js'></script> -</body> -<script src="https://www.footseen.com/js/new/lang.js"></script> -<script src='https://www.footseen.com/layer-v3.1.0/layer/layer.js'></script> -<script type="text/javascript"> - var ua = navigator.userAgent.toLowerCase(); - var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串 - - $(".iosDown").on("click", function () { - clickDownload() - if (location.pathname == '/') { - var data = { 'icid': 'ftsgp' }; - window.location.href = "apk"; - } else { - - gtag('event', 'conversion', { - 'send_to': 'AW-678006312/kqI0CJCE-7gBEKicpsMC', - 'event_callback': gtag_report_conversion('apk') + <script> + $(function () { + var touchB = true; + var curpage = $('.curpage'); + var scrollH = $('#pro').height(); + parr = curpage.find('.p'); + var curp = 0; + + + touch.on(document, 'swipeup swipedown', function (ev) { + if (!touchB) { + return; + } + if (ev.type == 'swipeup') { + if (curp == parr.length - 1) { + return; + } + touchB = false; + curp++; + + if (curp == 2) { + $('.wipeUp').hide(); + $('.downloadBtn2').show(); + if (!$('.rVideos').html()) { + getVList(); + } + } else { + $('.wipeUp').show(); + $('.downloadBtn2').hide(); + } + $('.curpage').animate({ top: -(scrollH * curp) + 'px' }); + setTimeout(function () { + touchB = true; + }, 1000) + return; + } + if (ev.type == 'swipedown') { + if (curp == 0) { + $(".page0 ul li").css({ "opacity": "0" }) + return; + } + touchB = false; + curp--; + + if (curp == 2) { + $('.wipeUp').hide(); + $('.downloadBtn2').show(); + if (!$('.rVideos').html()) { + getVList(); + } + } else { + $('.wipeUp').show(); + $('.downloadBtn2').hide(); + } + $('.curpage').animate({ top: -(scrollH * curp) + 'px' }); + setTimeout(function () { + touchB = true; + }, 1000) + return; + } }); - } - }) - - function gtag_report_conversion(url) { - setTimeout(function () { - window.location.href = 'apk'; - }, 500) - - } - $('.topUp').on('click', function () { - window.location.href = 'https://www.footseen.com/footseen/phonepay/applepay.html?lang=' + sessionStorage.lang + '&gofrom=web&cidStr=h5_footseengw'; - }) - - function copyText(text) { - var textarea = document.createElement("textarea"); - var currentFocus = document.activeElement; - document.body.appendChild(textarea); - textarea.value = text; - textarea.focus(); - if (textarea.setSelectionRange) - textarea.setSelectionRange(0, textarea.value.length); - else - textarea.select(); - try { - var flag = document.execCommand("copy"); - } catch (eo) { - var flag = false; - } - document.body.removeChild(textarea); - currentFocus.focus(); - return flag; - } -</script> + touch.on($('.recommendBox'), 'swipeup swipedown', function (ev) { + touchB = false; + if ($('.recommendBox').scrollTop() == 0) { + touchB = true; + } + }) + + if (url_get_params().icid != undefined) { + var params = url_get_params().icid.replace(/(^\s*)|(\s*$)/g, ""); + } else { + var params = ''; + } + + $(".iosDown,.downloadBtn2").on("click", function () { + clickDownload(); + copyText('ftsgw') + if (location.pathname == '/') { + var data = { 'icid': 'ftsgw' }; + window.location.href = "apk"; + + } else { + + setTimeout(function () { + window.location.href = 'apk'; + }, 500) + } + + }) + $('.topUp').on('click', function () { + window.location.href = 'https://www.footseen.com/footseen/phonepay/applepay.html?lang=' + sessionStorage.lang + '&gofrom=web' + '&gofrom=web&cidStr=h5_footseengw'; + }) + $('.voiceBtn').on('click', function () { + if ($(this).hasClass('muted')) { + $('#video')[0].muted = false; + $(this).removeClass('muted') + } else { + $('#video')[0].muted = true; + $(this).addClass('muted') + } + }) + function getVList() { + var vList = [ + { + vSrc: "https://www.youtube.com/embed/PxRti9Bknrs", + vTime: "2021/08/22", + vName: "美麗妄娜", + }, + { + vSrc: "https://www.youtube.com/embed/ygtef2thdgw", + vTime: "2021/07/16", + vName: "超直白Chaozhibai", + }, + { + vSrc: "https://www.youtube.com/embed/n9QRNjZNJQ4", + vTime: "2021/06/06", + vName: "Dashen大神", + }, + { + vSrc: "https://www.youtube.com/embed/Lt3fZZqNulg", + vTime: "2021/05/29", + vName: "耀耀", + }, + { + vSrc: "https://www.youtube.com/embed/UNtQytZtGkM", + vTime: "2021/05/09", + vName: "秀煜 Show YoU", + } + ]; + //生成主播推荐列表 + var temp = ''; + for (var i = 0; i < vList.length; i++) { + temp += "<div class='rRow'><div class='youtubeVideos'><iframe loading='lazy' class='elementor-video-iframe' src='" + + vList[i].vSrc + + "' title='YouTube video player' frameborder='0' allow='accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture'" + + " allowfullscreen></iframe>" + + "</div>" + "<div class='rInfo'>" + "<span class='rTime'>" + vList[i].vTime + "</span>" + + "<span class='rName'>" + vList[i].vName + "</span>" + "</div></div>" + } + $('.rVideos').html(temp); + var tOut = setTimeout(function () { + $('iframe').attr('src', ''); + }, 15000) + + $('iframe').on('load', function () { + clearTimeout(tOut) + }) + + } + + function url_get_params() { + var url = location.href; + var theRequest = new Object(); + if (url.indexOf("?") != -1) { + var str = url.substr(url.indexOf("?") + 1); + strs = str.split("&"); + for (var i = 0; i < strs.length; i++) { + theRequest[strs[i].split("=")[0]] = unescape(strs[i].split("=")[1]); + } + } + return theRequest; + } + + //複製到剪切板 + function copyText(text) { + var textarea = document.createElement("textarea"); + var currentFocus = document.activeElement; + document.body.appendChild(textarea); + textarea.value = text; + textarea.focus(); + if (textarea.setSelectionRange) + textarea.setSelectionRange(0, textarea.value.length); + else + textarea.select(); + try { + var flag = document.execCommand("copy"); + } catch (eo) { + var flag = false; + } + document.body.removeChild(textarea); + currentFocus.focus(); + return flag; + } + }) + </script> +</body> </html> \ No newline at end of file diff --git a/index3.html b/index3.html index 196d13f..ad2690a 100644 --- a/index3.html +++ b/index3.html @@ -1,15 +1,8 @@ <!DOCTYPE html> -<html> +<html lang="en"> + +<head> -<head lang="en"> - <meta charset="UTF-8"> - <title>Footseen - APP Download Homepage</title> - <script src="https://www.footseen.com/js/jquery-3.1.1.min.js"></script> - <script src="../js/buriedPoint.js"></script> - <script> - var _url = "https://webserver.yabolive.net"; - viewPage(); - </script> <meta charset="UTF-8"> <meta name="renderer" content="webkit"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> @@ -22,17 +15,20 @@ <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"> <meta content="telephone=no" name="format-detection"> <script src="https://www.footseen.com/js/fsize.js"></script> + <script src="https://www.footseen.com/js/jquery-3.1.1.min.js"></script> + <script src="../js/buriedPoint.js"></script> + <script> + var _url = "https://webserver.yabolive.net" + viewPage(); + </script> <link rel="stylesheet" href="https://www.footseen.com/css/base2.css"> - <!-- <link rel="stylesheet" href="https://www.footseen.com/css/newIndex.css?v=202104061611111111111111"> --> - <link rel="stylesheet" href="../css/newIndex.css"> - <link rel="stylesheet" href="../css/new/common.css"> - <link rel="stylesheet" href="../css/new/index.css?v=202203101548"> - <script src="../js/new/touch-0.2.14.min.js"></script> + <link rel="stylesheet" href="https://www.footseen.com/css/newIndex.css?v=202104061611111111111111"> <link rel="stylesheet" href="https://www.footseen.com/layer-v3.1.0/layer.css"> + <title>Footseen - APP Download Homepage</title> </head> -<body style="overflow: hidden;"> - <div id="pro"> +<body> + <div class="main"> <span class="langTitle"><img src="https://www.footseen.com/img/down2.png" /> <font></font> </span> @@ -41,248 +37,78 @@ <p data-lang="1">English</p> <p data-lang="7">العربية</p> </div> - <a class="topUp"></a> - <div id="box" class="page curpage"> - <div class="page0 p"> - <div class="iosDown heartbeat"></div> - <div class="only18"></div> - </div> - <div class="page1 p"> - <div class="mTitle mTitle1"> - <i class="mIcon"></i> - <span>我們的主播</span> - <i class="mIcon"></i> - </div> - <div class="mPhone"> - <div class="phoneBorder"></div> - <div class="voiceBg"> - <div class="voiceBtn muted"></div> - </div> - <div class="videoCon"> - <video id="video" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" - x5-video-player-type="h5" x5-video-player-fullscreen="true" - style="width: 100%;height: 100%;object-fit: fill;z-index: -1;" autoplay="autoplay" - muted="false" loop="loop"> - <source src="https://footseen.com/video/video.mp4" type="video/mp4"> - </source> - </video> - </div> - </div> - - <div class="iosDown btnPage2 heartbeat"></div> - <div class="bubbles"> - <div class="bubble1"></div> - <div class="bubble2"></div> - <div class="bubble3"></div> - <div class="bubble4"></div> - </div> - </div> - <div class="page2 p"> - <div class="mTitle mTitle2"> - <i class="mIcon"></i> - <span>網紅門的推薦</span> - <i class="mIcon"></i> - </div> - - <div class="downloadBtn2"></div> - - <div class="recommendBox"> - <div class="rVideos"></div> - </div> + <img src="https://footseen.com/img/new/text.png" class="mTextImg" /> + <div class="iosDown heartbeat"></div> + <div class="only18"></div> + <div style="display: none" class="layer-box"> + <div class="googleDown"><img src="https://www.footseen.com/img/googleplay.png" /><span>Google play</span> </div> + <div class="apkDown"><img src="https://www.footseen.com/img/andorid.png" /><span>APK</span></div> </div> - </div> - <!--箭头--> - <div class="wipeUp"></div> - <script src="https://www.footseen.com/js/new/lang.js"></script> - <script src='https://www.footseen.com/layer-v3.1.0/layer/layer.js'></script> - - <script> - $(function () { - var touchB = true; - var curpage = $('.curpage'); - var scrollH = $('#pro').height(); - parr = curpage.find('.p'); - var curp = 0; - - - touch.on(document, 'swipeup swipedown', function (ev) { - if (!touchB) { - return; - } - if (ev.type == 'swipeup') { - if (curp == parr.length - 1) { - return; - } - touchB = false; - curp++; - - if (curp == 2) { - $('.wipeUp').hide(); - $('.downloadBtn2').show(); - if (!$('.rVideos').html()) { - getVList(); - } - } else { - $('.wipeUp').show(); - $('.downloadBtn2').hide(); - } - $('.curpage').animate({ top: -(scrollH * curp) + 'px' }); - setTimeout(function () { - touchB = true; - }, 1000) - return; - } - if (ev.type == 'swipedown') { - if (curp == 0) { - $(".page0 ul li").css({ "opacity": "0" }) - return; - } - touchB = false; - curp--; - - if (curp == 2) { - $('.wipeUp').hide(); - $('.downloadBtn2').show(); - if (!$('.rVideos').html()) { - getVList(); - } - } else { - $('.wipeUp').show(); - $('.downloadBtn2').hide(); - } - $('.curpage').animate({ top: -(scrollH * curp) + 'px' }); - setTimeout(function () { - touchB = true; - }, 1000) - return; - } - }); - touch.on($('.recommendBox'), 'swipeup swipedown', function (ev) { - touchB = false; - if ($('.recommendBox').scrollTop() == 0) { - touchB = true; - } - }) - if (url_get_params().icid != undefined) { - var params = url_get_params().icid.replace(/(^\s*)|(\s*$)/g, ""); - } else { - var params = ''; - } - - $(".iosDown,.downloadBtn2").on("click", function () { - clickDownload(); - copyText('ftsgw') - if (location.pathname == '/') { - var data = { 'icid': 'ftsgw' }; - window.location.href = "apk"; - - } else { - - setTimeout(function () { - window.location.href = 'apk'; - }, 500) - } - - }) - $('.topUp').on('click', function () { - window.location.href = 'https://www.footseen.com/footseen/phonepay/applepay.html?lang=' + sessionStorage.lang + '&gofrom=web' + '&gofrom=web&cidStr=h5_footseengw'; - }) - $('.voiceBtn').on('click', function () { - if ($(this).hasClass('muted')) { - $('#video')[0].muted = false; - $(this).removeClass('muted') - } else { - $('#video')[0].muted = true; - $(this).addClass('muted') - } - }) - function getVList() { - var vList = [ - { - vSrc: "https://www.youtube.com/embed/PxRti9Bknrs", - vTime: "2021/08/22", - vName: "美麗妄娜", - }, - { - vSrc: "https://www.youtube.com/embed/ygtef2thdgw", - vTime: "2021/07/16", - vName: "超直白Chaozhibai", - }, - { - vSrc: "https://www.youtube.com/embed/n9QRNjZNJQ4", - vTime: "2021/06/06", - vName: "Dashen大神", - }, - { - vSrc: "https://www.youtube.com/embed/Lt3fZZqNulg", - vTime: "2021/05/29", - vName: "耀耀", - }, - { - vSrc: "https://www.youtube.com/embed/UNtQytZtGkM", - vTime: "2021/05/09", - vName: "秀煜 Show YoU", - } - ]; - //生成主播推荐列表 - var temp = ''; - for (var i = 0; i < vList.length; i++) { - temp += "<div class='rRow'><div class='youtubeVideos'><iframe loading='lazy' class='elementor-video-iframe' src='" - + vList[i].vSrc - + "' title='YouTube video player' frameborder='0' allow='accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture'" - + " allowfullscreen></iframe>" - + "</div>" + "<div class='rInfo'>" + "<span class='rTime'>" + vList[i].vTime + "</span>" - + "<span class='rName'>" + vList[i].vName + "</span>" + "</div></div>" - } - $('.rVideos').html(temp); - var tOut = setTimeout(function () { - $('iframe').attr('src', ''); - }, 15000) - - $('iframe').on('load', function () { - clearTimeout(tOut) - }) - - } - - function url_get_params() { - var url = location.href; - var theRequest = new Object(); - if (url.indexOf("?") != -1) { - var str = url.substr(url.indexOf("?") + 1); - strs = str.split("&"); - for (var i = 0; i < strs.length; i++) { - theRequest[strs[i].split("=")[0]] = unescape(strs[i].split("=")[1]); - } - } - return theRequest; - } + </div> - //複製到剪切板 - function copyText(text) { - var textarea = document.createElement("textarea"); - var currentFocus = document.activeElement; - document.body.appendChild(textarea); - textarea.value = text; - textarea.focus(); - if (textarea.setSelectionRange) - textarea.setSelectionRange(0, textarea.value.length); - else - textarea.select(); - try { - var flag = document.execCommand("copy"); - } catch (eo) { - var flag = false; - } - document.body.removeChild(textarea); - currentFocus.focus(); - return flag; - } - }) - </script> </body> +<script src="https://www.footseen.com/js/new/lang.js"></script> +<script src='https://www.footseen.com/layer-v3.1.0/layer/layer.js'></script> +<script type="text/javascript"> + var ua = navigator.userAgent.toLowerCase(); + var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串 + + $(".iosDown").on("click", function () { + clickDownload(); + if (location.pathname == '/') { + var data = { 'icid': 'ftsgw' }; + window.location.href = "apk"; + // layer.open({ + // type: 1, + // title: false, + // shadeClose: true, + // area: ["7.2rem", "6.98rem"], + // content: $(".layer-box"), + // }) + // $(".googleDown").on("click", function () { + // copyText('footseen#ftsgp'); + // setTimeout(function () { + // window.location.href = 'https://play.google.com/store/apps/details?id=com.footseen.club?id=com.footseen.live&hl=en_US&gl=US'; + // }, 1000) + + // }) + // $(".apkDown").on("click", function () { + // window.location.href = "apk"; + // }) + } else { + + setTimeout(function () { + window.location.href = 'apk'; + }, 500) + } + }) + + $('.topUp').on('click', function () { + window.location.href = 'https://www.footseen.com/footseen/phonepay/applepay.html?lang=' + sessionStorage.lang + '&gofrom=web&cidStr=h5_footseengw'; + }) + + function copyText(text) { + var textarea = document.createElement("textarea"); + var currentFocus = document.activeElement; + document.body.appendChild(textarea); + textarea.value = text; + textarea.focus(); + if (textarea.setSelectionRange) + textarea.setSelectionRange(0, textarea.value.length); + else + textarea.select(); + try { + var flag = document.execCommand("copy"); + } catch (eo) { + var flag = false; + } + document.body.removeChild(textarea); + currentFocus.focus(); + return flag; + } +</script> </html> \ No newline at end of file -- libgit2 0.25.0