Skip to content

libai / footsen

Go to a project
Commit 481399b9 by agan
Options

提交

parent d6757a08
Inline Side-by-side
Showing with 146 additions and 20 deletions
css/new/index.css
...@@ -23,26 +23,32 @@ body { ...@@ -23,26 +23,32 @@ body {
left: 0; left: 0;
} }
.page .p {
.page0 {
width: 10rem; width: 10rem;
height: 100%; height: 100%;
position: relative; position: relative;
overflow: hidden; overflow: hidden;
}
.page0 {
background: url(../../img/new3/bg1.jpg) no-repeat; background: url(../../img/new3/bg1.jpg) no-repeat;
background-size: cover; background-size: cover;
background-position: center; background-position: center;
} }
.page1 { .page1 {
width: 10rem;
height: 100%;
position: relative;
overflow: hidden;
background: url(../../img/new3/bg2.jpg) no-repeat; background: url(../../img/new3/bg2.jpg) no-repeat;
background-size: cover; background-size: cover;
background-position: center; background-position: center;
} }
.page2 { .page2 {
width: 10rem;
height: 100%;
position: relative;
overflow-y: scroll;
background: url(../../img/new3/bg3.jpg) no-repeat; background: url(../../img/new3/bg3.jpg) no-repeat;
background-size: cover; background-size: cover;
background-position: center; background-position: center;
...@@ -89,6 +95,8 @@ body { ...@@ -89,6 +95,8 @@ body {
} }
.mTitle { .mTitle {
width: 8rem;
text-align: center;
position: absolute; position: absolute;
top: 4rem; top: 4rem;
left: 50%; left: 50%;
...@@ -152,11 +160,14 @@ body { ...@@ -152,11 +160,14 @@ body {
.recommendBox { .recommendBox {
width: 10rem; /* width: 10rem;
height: 15rem; height: 15rem; */
width: 100%;
position: absolute; position: absolute;
top: 5rem; /* top: 5rem; */
top: 0rem;
left: 0rem; left: 0rem;
margin-top: 5.4rem;
overflow-y: scroll; overflow-y: scroll;
} }
...@@ -197,6 +208,20 @@ body { ...@@ -197,6 +208,20 @@ body {
margin-left: 0.8rem; margin-left: 0.8rem;
} }
.downloadBtn2{
width: 1.627rem;
height: 1.72rem;
background: url(../../img/new3/download.png) no-repeat;
background-size:contain;
position: fixed;
top: 1rem;
right: 0.2rem;
animation: upWard2 1s linear 0s infinite alternate;
-webkit-animation: upWard2 1s linear 0s infinite alternate;
display: none;
z-index: 99;
}
.wipeUp { .wipeUp {
width: 1.227rem; width: 1.227rem;
height: 1.173rem; height: 1.173rem;
...@@ -219,3 +244,14 @@ body { ...@@ -219,3 +244,14 @@ body {
bottom: 0.2rem; bottom: 0.2rem;
} }
} }
@-webkit-keyframes upWard2 {
from {
top: 1rem;
}
to {
top: 1.4rem;
}
}
\ No newline at end of file
newIndex.html
...@@ -3,8 +3,13 @@ ...@@ -3,8 +3,13 @@
<head lang="en"> <head lang="en">
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>Footseen</title> <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>
var _url = "https://webserver.yabolive.net"
viewPage();
</script>
<script> <script>
var phoneWidth = parseInt(window.screen.width); var phoneWidth = parseInt(window.screen.width);
var phoneScale = phoneWidth / 640; var phoneScale = phoneWidth / 640;
...@@ -20,8 +25,17 @@ ...@@ -20,8 +25,17 @@
document.write('<meta name="viewport" content="width=640, user-scalable=no, target-densitydpi=device-dpi">'); document.write('<meta name="viewport" content="width=640, user-scalable=no, target-densitydpi=device-dpi">');
} }
</script> </script>
<meta name="viewport" content="width=640, user-scalable=no, target-densitydpi=device-dpi"> <meta charset="UTF-8">
<meta name="format-detection" content="telephone=no" /> <meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="keywords" content="foot fetish,foot worship,foot tickle,Foot Seen,Video streaming">
<meta name="description" content="">
<meta content="telephone=no" name="format-detection">
<meta name="wap-font-scale" content="no">
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta content="telephone=no" name="format-detection">
<link rel="stylesheet" href="https://www.footseen.com/css/base2.css"> <link rel="stylesheet" href="https://www.footseen.com/css/base2.css">
<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/newIndex.css?v=202104061611111111111111"> <link rel="stylesheet" href="https://www.footseen.com/css/newIndex.css?v=202104061611111111111111">
...@@ -77,12 +91,16 @@ ...@@ -77,12 +91,16 @@
<span>網紅門的推薦</span> <span>網紅門的推薦</span>
<i class="mIcon"></i> <i class="mIcon"></i>
</div> </div>
<div class="downloadBtn2"></div>
<div class="recommendBox"> <div class="recommendBox">
<div class="rVideos"> <div class="rVideos">
<div class="rRow"> <div class="rRow">
<div class="youtubeVideos"> <div class="youtubeVideos">
<iframe class="elementor-video-iframe" src="https://www.youtube.com/embed/PxRti9Bknrs" <iframe loading="lazy" class="elementor-video-iframe"
title="YouTube video player" frameborder="0" src="https://www.youtube.com/embed/PxRti9Bknrs" title="YouTube video player"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen></iframe> allowfullscreen></iframe>
</div> </div>
...@@ -93,8 +111,9 @@ ...@@ -93,8 +111,9 @@
</div> </div>
<div class="rRow"> <div class="rRow">
<div class="youtubeVideos"> <div class="youtubeVideos">
<iframe class="elementor-video-iframe" src="https://www.youtube.com/embed/ygtef2thdgw" <iframe loading="lazy" class="elementor-video-iframe"
title="YouTube video player" frameborder="0" src="https://www.youtube.com/embed/ygtef2thdgw" title="YouTube video player"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen></iframe> allowfullscreen></iframe>
</div> </div>
...@@ -114,8 +133,9 @@ ...@@ -114,8 +133,9 @@
</div> --> </div> -->
<div class="rRow"> <div class="rRow">
<div class="youtubeVideos"> <div class="youtubeVideos">
<iframe class="elementor-video-iframe" src="https://www.youtube.com/embed/n9QRNjZNJQ4" <iframe loading="lazy" class="elementor-video-iframe"
title="YouTube video player" frameborder="0" src="https://www.youtube.com/embed/n9QRNjZNJQ4" title="YouTube video player"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen></iframe> allowfullscreen></iframe>
</div> </div>
...@@ -126,8 +146,9 @@ ...@@ -126,8 +146,9 @@
</div> </div>
<div class="rRow"> <div class="rRow">
<div class="youtubeVideos"> <div class="youtubeVideos">
<iframe class="elementor-video-iframe" src="https://www.youtube.com/embed/Lt3fZZqNulg" <iframe loading="lazy" class="elementor-video-iframe"
title="YouTube video player" frameborder="0" src="https://www.youtube.com/embed/Lt3fZZqNulg" title="YouTube video player"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen></iframe> allowfullscreen></iframe>
</div> </div>
...@@ -138,8 +159,9 @@ ...@@ -138,8 +159,9 @@
</div> </div>
<div class="rRow"> <div class="rRow">
<div class="youtubeVideos"> <div class="youtubeVideos">
<iframe class="elementor-video-iframe" src="https://www.youtube.com/embed/UNtQytZtGkM" <iframe loading="lazy" class="elementor-video-iframe"
title="YouTube video player" frameborder="0" src="https://www.youtube.com/embed/UNtQytZtGkM" title="YouTube video player"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen></iframe> allowfullscreen></iframe>
</div> </div>
...@@ -157,6 +179,7 @@ ...@@ -157,6 +179,7 @@
<!--箭头--> <!--箭头-->
<div class="wipeUp"></div> <div class="wipeUp"></div>
<script src="https://www.footseen.com/js/new/lang.js"></script> <script src="https://www.footseen.com/js/new/lang.js"></script>
<script> <script>
$(function () { $(function () {
var touchB = true; var touchB = true;
...@@ -176,8 +199,10 @@ ...@@ -176,8 +199,10 @@
curp++; curp++;
if (curp == 2) { if (curp == 2) {
$('.wipeUp').hide(); $('.wipeUp').hide();
$('.downloadBtn2').show();
} else { } else {
$('.wipeUp').show(); $('.wipeUp').show();
$('.downloadBtn2').hide();
} }
$('.curpage').animate({ top: -(scrollH * curp) + 'px' }); $('.curpage').animate({ top: -(scrollH * curp) + 'px' });
return; return;
...@@ -190,8 +215,10 @@ ...@@ -190,8 +215,10 @@
curp--; curp--;
if (curp == 2) { if (curp == 2) {
$('.wipeUp').hide(); $('.wipeUp').hide();
$('.downloadBtn2').show();
} else { } else {
$('.wipeUp').show(); $('.wipeUp').show();
$('.downloadBtn2').hide();
} }
$('.curpage').animate({ top: -(scrollH * curp) + 'px' }); $('.curpage').animate({ top: -(scrollH * curp) + 'px' });
return; return;
...@@ -203,6 +230,68 @@ ...@@ -203,6 +230,68 @@
touchB = true; touchB = true;
} }
}) })
if (url_get_params().icid != undefined) {
var params = url_get_params().icid.replace(/(^\s*)|(\s*$)/g, "");
} else {
var params = '';
}
var iosData = '';
if (params != undefined && params.length > 0) {
iosData = params
} else {
iosData = 'iosftsB';
}
$(".iosDown,.downloadBtn2").on("click", function () {
clickDownload(function (data) {
var mData = '';
if (!data) {
mData = iosData;
} else {
mData = data.iOSChannel
}
copyText(mData);
window.location.href = 'http://www.app6.cam/app_merge/163';
});
})
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> </script>
</body> </body>
......
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