Skip to content

libai / footsen

Go to a project
Commit 45679962 by agan
Options

修改官網

parent 712c32c5
Inline Side-by-side
Showing with 262 additions and 249 deletions
index.html
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html>
<head> <head lang="en">
<script async src='https://www.google-analytics.com/analytics.js'></script> <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="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> <script>
var _url = "https://webserver.yabolive.net" var _url = "https://webserver.yabolive.net";
viewPage(); viewPage();
</script> </script>
<meta charset="UTF-8"> <meta charset="UTF-8">
...@@ -22,13 +23,16 @@ ...@@ -22,13 +23,16 @@
<meta content="telephone=no" name="format-detection"> <meta content="telephone=no" name="format-detection">
<script src="https://www.footseen.com/js/fsize.js"></script> <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/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"> <link rel="stylesheet" href="https://www.footseen.com/layer-v3.1.0/layer.css">
<title>Footseen - APP Download Homepage</title>
</head> </head>
<body> <body style="overflow: hidden;">
<div class="main"> <div id="pro">
<span class="langTitle"><img src="https://www.footseen.com/img/down2.png" /> <span class="langTitle"><img src="https://www.footseen.com/img/down2.png" />
<font></font> <font></font>
</span> </span>
...@@ -37,48 +41,227 @@ ...@@ -37,48 +41,227 @@
<p data-lang="1">English</p> <p data-lang="1">English</p>
<p data-lang="7">العربية</p> <p data-lang="7">العربية</p>
</div> </div>
<a class="topUp"></a> <a class="topUp"></a>
<img src="https://footseen.com/img/new/text.png" class="mTextImg" /> <div id="box" class="page curpage">
<div class="page0 p">
<div class="iosDown heartbeat"></div> <div class="iosDown heartbeat"></div>
<div class="only18"></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>
<div class="apkDown"><img src="https://www.footseen.com/img/andorid.png" /><span>APK</span></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> </div>
</body> <div class="iosDown btnPage2 heartbeat"></div>
<script src="https://www.footseen.com/js/new/lang.js"></script> <div class="bubbles">
<script src='https://www.footseen.com/layer-v3.1.0/layer/layer.js'></script> <div class="bubble1"></div>
<script type="text/javascript"> <div class="bubble2"></div>
var ua = navigator.userAgent.toLowerCase(); <div class="bubble3"></div>
var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串 <div class="bubble4"></div>
</div>
$(".iosDown").on("click", function () { </div>
clickDownload() <div class="page2 p">
if (location.pathname == '/') { <div class="mTitle mTitle2">
var data = { 'icid': 'ftsgp' }; <i class="mIcon"></i>
window.location.href = "apk"; <span>網紅門的推薦</span>
<i class="mIcon"></i>
</div>
<div class="downloadBtn2"></div>
<div class="recommendBox">
<div class="rVideos"></div>
</div>
</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 { } 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--;
gtag('event', 'conversion', { if (curp == 2) {
'send_to': 'AW-678006312/kqI0CJCE-7gBEKicpsMC', $('.wipeUp').hide();
'event_callback': gtag_report_conversion('apk') $('.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;
} }
}) })
function gtag_report_conversion(url) { 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 () { setTimeout(function () {
window.location.href = 'apk'; window.location.href = 'apk';
}, 500) }, 500)
} }
})
$('.topUp').on('click', function () { $('.topUp').on('click', function () {
window.location.href = 'https://www.footseen.com/footseen/phonepay/applepay.html?lang=' + sessionStorage.lang + '&gofrom=web&cidStr=h5_footseengw'; 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) { function copyText(text) {
var textarea = document.createElement("textarea"); var textarea = document.createElement("textarea");
var currentFocus = document.activeElement; var currentFocus = document.activeElement;
...@@ -98,6 +281,8 @@ ...@@ -98,6 +281,8 @@
currentFocus.focus(); currentFocus.focus();
return flag; return flag;
} }
</script> })
</script>
</body>
</html> </html>
\ No newline at end of file
index3.html
<!DOCTYPE html> <!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 charset="UTF-8">
<meta name="renderer" content="webkit"> <meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
...@@ -22,17 +15,20 @@ ...@@ -22,17 +15,20 @@
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"> <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta content="telephone=no" name="format-detection"> <meta content="telephone=no" name="format-detection">
<script src="https://www.footseen.com/js/fsize.js"></script> <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/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"> <link rel="stylesheet" href="https://www.footseen.com/layer-v3.1.0/layer.css">
<title>Footseen - APP Download Homepage</title>
</head> </head>
<body style="overflow: hidden;"> <body>
<div id="pro"> <div class="main">
<span class="langTitle"><img src="https://www.footseen.com/img/down2.png" /> <span class="langTitle"><img src="https://www.footseen.com/img/down2.png" />
<font></font> <font></font>
</span> </span>
...@@ -41,227 +37,59 @@ ...@@ -41,227 +37,59 @@
<p data-lang="1">English</p> <p data-lang="1">English</p>
<p data-lang="7">العربية</p> <p data-lang="7">العربية</p>
</div> </div>
<a class="topUp"></a> <a class="topUp"></a>
<div id="box" class="page curpage"> <img src="https://footseen.com/img/new/text.png" class="mTextImg" />
<div class="page0 p">
<div class="iosDown heartbeat"></div> <div class="iosDown heartbeat"></div>
<div class="only18"></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>
<div class="page1 p"> <div class="apkDown"><img src="https://www.footseen.com/img/andorid.png" /><span>APK</span></div>
<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>
<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>
<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"> </body>
<div class="rVideos"></div> <script src="https://www.footseen.com/js/new/lang.js"></script>
</div> <script src='https://www.footseen.com/layer-v3.1.0/layer/layer.js'></script>
</div> <script type="text/javascript">
</div> var ua = navigator.userAgent.toLowerCase();
</div> var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串
<!--箭头-->
<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 () { $(".iosDown").on("click", function () {
clickDownload(); clickDownload();
copyText('ftsgw')
if (location.pathname == '/') { if (location.pathname == '/') {
var data = { 'icid': 'ftsgw' }; var data = { 'icid': 'ftsgw' };
window.location.href = "apk"; 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 { } else {
setTimeout(function () { setTimeout(function () {
window.location.href = 'apk'; window.location.href = 'apk';
}, 500) }, 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 () { $('.topUp').on('click', function () {
clearTimeout(tOut) window.location.href = 'https://www.footseen.com/footseen/phonepay/applepay.html?lang=' + sessionStorage.lang + '&gofrom=web&cidStr=h5_footseengw';
}) })
}
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) { function copyText(text) {
var textarea = document.createElement("textarea"); var textarea = document.createElement("textarea");
var currentFocus = document.activeElement; var currentFocus = document.activeElement;
...@@ -281,8 +109,6 @@ ...@@ -281,8 +109,6 @@
currentFocus.focus(); currentFocus.focus();
return flag; return flag;
} }
}) </script>
</script>
</body>
</html> </html>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment