Skip to content

libai / footsen

Go to a project
Commit 6d390e40 by agan
Options

修改官網

parent 13dc54c1
Inline Side-by-side
Showing with 278 additions and 74 deletions
b/download.html
...@@ -60,7 +60,9 @@ ...@@ -60,7 +60,9 @@
</div> </div>
<div class="mPhone"> <div class="mPhone">
<div class="phoneBorder"></div> <div class="phoneBorder"></div>
<div class="voiceBtn muted"></div> <div class="voiceBg">
<div class="voiceBtn muted"></div>
</div>
<div class="videoCon"> <div class="videoCon">
<video id="video" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" <video id="video" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
x5-video-player-type="h5" x5-video-player-fullscreen="true" x5-video-player-type="h5" x5-video-player-fullscreen="true"
......
b/downloadIos.html
...@@ -60,7 +60,9 @@ ...@@ -60,7 +60,9 @@
</div> </div>
<div class="mPhone"> <div class="mPhone">
<div class="phoneBorder"></div> <div class="phoneBorder"></div>
<div class="voiceBtn muted"></div> <div class="voiceBg">
<div class="voiceBtn muted"></div>
</div>
<div class="videoCon"> <div class="videoCon">
<video id="video" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" <video id="video" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
x5-video-player-type="h5" x5-video-player-fullscreen="true" x5-video-player-type="h5" x5-video-player-fullscreen="true"
......
css/new/index.css
...@@ -58,7 +58,7 @@ body { ...@@ -58,7 +58,7 @@ body {
width: 6.987rem; width: 6.987rem;
height: 13rem; height: 13rem;
position: absolute; position: absolute;
top: 16.2vh; top: 2.8rem;
left: 50%; left: 50%;
transform: translateX(-50%); transform: translateX(-50%);
z-index: 10; z-index: 10;
...@@ -184,7 +184,7 @@ body { ...@@ -184,7 +184,7 @@ body {
} }
.btnPage2 { .btnPage2 {
bottom: 1.8vh; bottom: 0.4rem;
} }
@keyframes mBreath { @keyframes mBreath {
...@@ -201,15 +201,24 @@ body { ...@@ -201,15 +201,24 @@ body {
} }
} }
.voiceBg{
width: 1.4rem;
height: 0.619rem;
border-radius: 0.4rem;
position: absolute;
bottom: 1.8rem;
right: 0.8rem;
background: rgba(255,255,255,0.5);
z-index: 50;
}
.voiceBtn{ .voiceBtn{
width: 0.72rem; width: 0.72rem;
height: 0.619rem; height: 0.619rem;
background: url(../../img/new3/voice.png) no-repeat; background: url(../../img/new3/voice.png) no-repeat;
background-size: contain; background-size: contain;
position: absolute; margin: 0 auto;
bottom: 1.4rem;
right: 0.8rem;
z-index: 50;
} }
.muted{ .muted{
......
index3.html
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html>
<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">
...@@ -15,20 +22,17 @@ ...@@ -15,20 +22,17 @@
<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> <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,62 +41,248 @@ ...@@ -37,62 +41,248 @@
<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="iosDown heartbeat"></div> <div class="page0 p">
<div class="only18"></div> <div class="iosDown heartbeat"></div>
<div style="display: none" class="layer-box"> <div class="only18"></div>
<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> <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>
</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;
}
//複製到剪切板
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> </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";
} 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> </html>
\ No newline at end of file
iosnew.html
...@@ -56,7 +56,9 @@ ...@@ -56,7 +56,9 @@
</div> </div>
<div class="mPhone"> <div class="mPhone">
<div class="phoneBorder"></div> <div class="phoneBorder"></div>
<div class="voiceBtn muted"></div> <div class="voiceBg">
<div class="voiceBtn muted"></div>
</div>
<div class="videoCon"> <div class="videoCon">
<video id="video" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" <video id="video" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
x5-video-player-type="h5" x5-video-player-fullscreen="true" x5-video-player-type="h5" x5-video-player-fullscreen="true"
......
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