Skip to content

libai / footsen

Go to a project
Commit 3efc898e by agan
Options

修改ft官网

parent fbb25f1d
Inline Side-by-side
Showing with 385 additions and 118 deletions
b/downloadIos.html
<!DOCTYPE html>
<html lang="en">
<html>
<head>
<script src="https://res.sharetrace.com/sharetrace.min.js"></script>
<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>
......@@ -27,13 +27,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>
......@@ -42,70 +45,199 @@
<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 id="box" class="page curpage">
<div class="page0 p">
<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 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="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
loop="loop">
<source src="../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>
</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>
<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 {
$('.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;
}
})
<script type="text/javascript">
if (url_get_params().icid != undefined) {
var params = url_get_params().icid.replace(/(^\s*)|(\s*$)/g, "");
} else {
var params = '';
}
var iosData = '';
// var andoridData = '';
if (params != undefined && params.length > 0) {
iosData = params
} else {
iosData = 'iosftsB';
// andoridData = 'ftsB';
}
ShareTrace.init({
appkey: "cd3ba48d0699c7fa", // 此值必填
param: JSON.stringify(iosData),
success: function () {
console.log("init success...")
},
error: function (msg) {
console.log(msg)
}
});
console.log(params);
$(".iosDown").on("click", function () {
clickDownload(function(data){
$(".iosDown,.downloadBtn2").on("click", function () {
clickDownload(function (data) {
var mData = '';
if(!data){
if (!data) {
mData = iosData;
}else{
} else {
mData = data.iOSChannel
}
copyText(mData);
// window.location.href = 'http://www.app6.cam/app_merge/163';
window.location.href = 'http://www.app8.pw/app_merge/36'
window.location.href = 'http://www.app8.pw/app_merge/36';
});
})
function gtag_report_conversion() {
setTimeout(function () {
// window.location.href = 'https://apps.apple.com/us/app/footseen-random-video-chat-app/id1491129400';
ShareTrace.download();
}, 500)
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>"
}
$('.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';
$('.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();
......@@ -119,7 +251,6 @@
return theRequest;
}
//複製到剪切板
function copyText(text) {
var textarea = document.createElement("textarea");
......@@ -140,6 +271,8 @@
currentFocus.focus();
return flag;
}
</script>
})
</script>
</body>
</html>
\ No newline at end of file
css/new/index.css
......@@ -4,14 +4,12 @@ body {
}
#pro {
position: fixed;
position: relative;
width: 10rem;
height: 100%;
overflow: hidden;
left: 50%;
top: 0;
background: #bb2677;
transform: translateX(-50%);
margin: 0 auto;
}
......@@ -55,15 +53,17 @@ body {
}
.mPhone {
width: 5.347rem;
height: 10.68rem;
width: 30vh;
height: 60vh;
position: absolute;
top: 3.8rem;
top: 16.2vh;
left: 50%;
transform: translateX( -50%) scale(1.2);
transform: translateX( -50%);
z-index: 10;
}
.phoneBorder {
width: 100%;
height: 100%;
......@@ -81,7 +81,8 @@ body {
-webkit-border-radius: 1rem;
overflow: hidden;
height: 100%;
margin: 0rem 0.2rem;
padding: 0.36rem 0.36rem;
box-sizing: border-box;
position: absolute;
top: 0;
left: 0;
......@@ -90,15 +91,7 @@ body {
z-index: 1;
}
#video {
height: 100%;
padding-top: 0.35rem;
margin-right: 0.1rem;
}
.btnPage2{
top: 16rem;
}
.mTitle {
width: 8rem;
......@@ -141,8 +134,8 @@ body {
background: url(../../img/new3/bubble2.png) no-repeat;
background-size: contain;
position: absolute;
top: 1.6rem;
left: 7rem;
top: 1.2rem;
left: 8rem;
animation: mBreath 6s linear infinite;
}
......@@ -153,7 +146,7 @@ body {
background-size: contain;
position: absolute;
top: 8rem;
right: -0.4rem;
right: -0.8rem;
animation: mBreath 10s linear infinite;
}
......@@ -163,9 +156,14 @@ body {
background: url(../../img/new3/bubble4.png) no-repeat;
background-size: contain;
position: absolute;
top: 14rem;
top: 13.2rem;
left: -0.3rem;
animation: mBreath 7s linear infinite;
z-index: 99;
}
.btnPage2{
bottom: 1.8vh;
}
@keyframes mBreath {
......@@ -181,14 +179,10 @@ body {
}
.recommendBox {
/* width: 10rem;
height: 15rem; */
width: 100%;
position: absolute;
/* top: 5rem; */
top: 0rem;
top: 3.2rem;
left: 0rem;
margin-top: 4rem;
overflow-y: scroll;
}
......@@ -198,6 +192,7 @@ body {
.rRow {
width: 100%;
margin-bottom: 0.1rem;
}
.youtubeVideos {
......@@ -209,6 +204,9 @@ body {
-webkit-border-radius: 0.267rem;
-moz-border-radius: 0.267rem;
overflow: hidden;
background: url(../../img/new3/videoBg.png) no-repeat;
background-size: 100% 100%;
}
.elementor-video-iframe {
......@@ -257,8 +255,8 @@ body {
background: url("../../img/new3/imageSprites.png") no-repeat;
background-size: 100% 100%;
position: fixed;
bottom: 0.6rem;
left: 90%;
bottom: 1rem;
left: 92%;
animation: upWard 1s linear 0s infinite alternate;
-webkit-transform: translateX(-50%);
-webkit-animation: upWard 1s linear 0s infinite alternate;
......@@ -266,11 +264,11 @@ body {
@-webkit-keyframes upWard {
from {
bottom: 0.6rem;
bottom: 1rem;
}
to {
bottom: 0.2rem;
bottom: 0.8rem;
}
}
......
iosnew.html
<!DOCTYPE html>
<html lang="en">
<html>
<head>
<script src="https://res.sharetrace.com/sharetrace.min.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>
......@@ -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,71 +41,199 @@
<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 id="box" class="page curpage">
<div class="page0 p">
<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 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="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
loop="loop">
<source src="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>
</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>
<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 {
$('.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;
}
})
<script type="text/javascript">
if (url_get_params().icid != undefined) {
var params = url_get_params().icid.replace(/(^\s*)|(\s*$)/g, "");
} else {
var params = '';
}
var iosData = '';
// var andoridData = '';
if (params != undefined && params.length > 0) {
iosData = params
} else {
iosData = 'iosftsB';
// andoridData = 'ftsB';
}
ShareTrace.init({
appkey: "cd3ba48d0699c7fa", // 此值必填
param: JSON.stringify(iosData),
success: function () {
console.log("init success...")
},
error: function (msg) {
console.log(msg)
}
});
console.log(params);
$(".iosDown").on("click", function () {
clickDownload(function(data){
$(".iosDown,.downloadBtn2").on("click", function () {
clickDownload(function (data) {
var mData = '';
if(!data){
if (!data) {
mData = iosData;
}else{
} else {
mData = data.iOSChannel
}
copyText(mData);
// window.location.href = 'http://www.app6.cam/app_merge/163';
window.location.href = 'http://www.app8.pw/app_merge/36'
window.location.href = 'http://www.app8.pw/app_merge/36';
});
})
function gtag_report_conversion() {
setTimeout(function () {
// window.location.href = 'https://apps.apple.com/us/app/footseen-random-video-chat-app/id1491129400';
ShareTrace.download();
}, 500)
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>"
}
$('.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';
$('.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();
......@@ -135,6 +267,8 @@
currentFocus.focus();
return flag;
}
</script>
})
</script>
</body>
</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