<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-3V6KZGW418"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-3V6KZGW418');
</script>
<script src="lib/jquery-3.1.1.min.js"></script>
<script src="lib/default.js?v='20220418'"></script>
<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">
<meta name="wap-font-scale" content="no">
<title>footseen-腳控足控天堂-超激情美女主播視訊-絲足影片</title>
<meta name="keywords" content="footseen,foot live,激情美女視訊,激情美女影片,腳控足控,絲足,裸足,美腿,絲襪,黑絲,台灣UU聊天室,swag,視訊聊天室,live173,uplive,vklive,nonolive,foot rub,foot fetish">
<meta name="description" content="footseen，腳控足控天堂，絲足美腿視訊影片，台灣足控第一高效約會軟體，免費影片立即觀看，在線美女激情互動，成人視訊線上體驗，徹底釋放你的慾望。">
<script src="lib/fsize.js"></script>
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/layer.css">
<link rel="stylesheet" href="css/index.css?v=22020119">
<style>
.layui-layer-shade {
opacity: 0.7 !important;
}
.yourclass5 {
border-radius: 0rem !important;
background: rgba(0, 0, 0, 0) !important;
}
.yourclass5 .layui-layer-content {
border-radius: 0rem !important;
}
.yourclass6{
border-radius: 0rem !important;
background: rgba(0, 0, 0, 0) !important;
position: relative;
left: 1.4rem !important;
}
.yourclass6 .layui-layer-content {
border-radius: 0rem !important;
}
</style>
</head>
<body style="background: #F3F3F3">
<div class="layer-shadow"></div>
<div class="layer-tag-box">
<div class="layer-tag-title">選擇分類</div>
<ul class="layer-tag-ul">
<li class="tag-click">#全部</li>
<li>#黑絲</li>
<li>#黑絲</li>
<li>#黑絲</li>
<li>#黑絲</li>
</ul>
</div>
<div class="m-content">
<div class="nav-box">
<div class="top-bg">
<div class="nav-btn">
<div class="nav-click">影片<img class="click-img" src="images/click.png" alt="激情美女影片"></div>
<div><a style="color: #FFABEE;" href="GraphicPage.html">圖文<img class="click-img" src="images/click.png" alt="絲足"></a></div>
</div>
</div>
<div class="title-nav">
<div class="title-nav-box">
<div class="title-nav-content">
<h2 data-type="9">絲襪</h2>
<h2 data-type="28">秀腿</h2>
<h2 data-type="45">裸足</h2>
<h2 data-type="271">腳趾</h2>
<h2 data-type="109">美腿</h2>
<h2 data-type="11">黑絲</h2>
<h2 data-type="38">高跟</h2>
<h2 data-type="100">長腿</h2>
<h2 data-type="91">模特</h2>
<h2 data-type="55">肉絲</h2>
</div>
</div>
<img class="more-btn" src="images/more.png" alt="更多美腿">
</div>
</div>
<div style="height: 2.6rem;"></div>
<div class="all-box">
<div class="recommend-swiper">
<!-- <div class="swiper-img">
<div class="top-img-shadow"></div>
</div>
<div class="swiper-time">02:55</div>
<img class="play-icon" src="images/play-icon.png" alt="">
<p class="swiper-name">今天吃什么呢，打算吃什么呢</p>
<div class="swiper-face-name">
<img src="https://zhibocdn.lvdou66.com/comm/user/boy.png?x-oss-process=image/resize,w_80" alt="">
<p>糖醋榴莲</p>
</div>
<div class="swiper-more">
<div class="swiper-more1"><img src="images/message.png" alt=""> 25</div>
</div> -->
</div>
<div class="module-title"><img src="images/rule.png" alt=""> 在線美女</div>
<div class="more-live-box">
<div class="live-box-cotnent">
<!-- <div class="live-box">
<div class="live-face-box"><img src="https://zhibocdn.lvdou66.com/comm/user/boy.png?x-oss-process=image/resize,w_180" alt=""></div>
<div class="live-box-name">主播昵称预留</div>
</div> -->
</div>
</div>
<div class="module-title"><img src="images/rule.png" alt=""> 熱門影片</div>
<div class="recommended-videos">
<div class="videos-content">
<!-- <div class="videos-box">
<img class="play-icon" src="images/play-icon.png" alt="">
<div class="video-time">02:55</div>
<div class="video-more">
<div class="video-more1"><img src="images/message.png" alt=""> 25</div>
<div class="video-more2"><img src="images/good.png" alt=""> 50</div>
</div>
<img class="video-face" src="https://zhibocdn.lvdou66.com/comm/user/boy.png?x-oss-process=image/resize,w_180" alt="">
<p class="video-title">今天吃什么呢，打算吃什么呢</p>
<div class="videos-shadow"></div>
</div>
<div class="videos-box"></div>
<div class="videos-box"></div>
<div class="videos-box"></div>
<div class="videos-box"></div> -->
</div>
</div>
<div class="add-video-content">
<!-- <div class="add-video-box">
<div class="add-shadow"></div>
<div class="add-time">35:53</div>
<div class="add-face-name">
<img src="https://zhibocdn.lvdou66.com/comm/user/boy.png?x-oss-process=image/resize,w_80" alt="">
<p>糖醋榴莲</p>
</div>
<div class="add-video-img">
<img class="play-icon" src="images/play-icon.png" alt="">
</div>
<div class="add-video-text-box">
<p>今天吃什么呢，打算吃什么呢</p>
<div class="tag-content">
<div class="tag">#丝袜</div>
<div class="tag">#丝袜</div>
<div class="tag">#丝袜</div>
<div class="tag">#丝袜</div>
<div class="tag">#丝袜</div>
</div>
</div>
</div> -->
</div>
</div>
<div style="display: none;" class="detailed-box">
</div>
<div class="bottom-nav">
<h1 class="bottom-nav-h1">美腿、美足、絲襪直播</h1>
<div class="bottom-nav-btn"></div>
<div class="bottom-close-btn"></div>
</div>
<div style="height: 2.5rem;"></div>
</div>
</body>
<script src="layer-v3.1.0/layer/layer.js"></script>
<script>
$(function(){
var tagStr=''
var pageNumber=1
var typeNumber=1
var scrollOk=true;
var scrollTopNum=0
getLive()
setTimeout(function(){
tagGet()
},800)
$(".title-nav-content h2").on("click",function(){
var _self=$(this)
if($(this).hasClass("tag-go")){
$(".title-nav-content h2").removeClass("tag-go")
$(".detailed-box").html('').hide()
$(".all-box").show()
tagStr=''
pageNumber=1
getList(pageNumber,typeNumber,tagStr)
}else{
$(".title-nav-content h2").removeClass("tag-go")
pageNumber=1
tagStr=$(this).attr("data-type")
$(".all-box").hide()
$(".detailed-box").html('').show()
$(this).addClass("tag-go")
listAdd(pageNumber,typeNumber,tagStr)
}
})
$(".more-btn").on("click",function(){
$(".layer-tag-box").css("top","0rem")
$(".layer-shadow").show()
})
$(".layer-shadow").on("click",function(){
$(".layer-tag-box").css("top","-12rem")
$(".layer-shadow").hide()
})
$(".bottom-nav-btn").on("click",function(){
var downNum=Math.ceil(Math.random()*3)
window.location.href='download/download.html?qd=ftsBH5SY'
})
$(".bottom-close-btn").on("click",function(){
$(".bottom-nav").fadeOut(350)
})
$(window).on("scroll",function(){
if(scrollTopNum<$(document).scrollTop()){
if($(document).scrollTop()>200){
$(".nav-box").hide()
$(".nav-box").addClass("nav-box-show").css("transform","translateY(-3.5rem)")
}
}else{
$(".nav-box").show()
$(".nav-box").css("transform","translateY(0rem)")
}
scrollTopNum=$(document).scrollTop()
if($(document).height()-$(document).scrollTop()-$(window).height()<=10){
if(scrollOk==false)return;
scrollOk=false
pageNumber+=1
listAdd(pageNumber,typeNumber,tagStr)
}
})
function getLive(){
$.ajax({
url:$ip+'/footSeen/h5/queryLiveUsers',
success:function(data){
// console.log('直播列表',data)
if(data.roomList.length==0){
$(".module-title").hide()
$(".more-live-box").hide()
return;
}
var liveBoxWidth=2.7*data.roomList.length+0.2
$(".live-box-cotnent").css("width",""+liveBoxWidth+"rem")
var html=[];
for(var i=0;i<data.roomList.length;i++){
var list=data.roomList[i]
html+='<a href="download/download2.html?qd=ftsBH5ZB"><div class="live-box">';
html+='<div class="live-face-box"><img src="https://zhibocdn.yabolive.net/comm'+list.face.split('?')[0]+'?x-oss-process=image/resize,w_180" alt=""></div>';
html+='<div class="live-box-name">'+list.nickname+'</div>';
html+='</div></a>';
}
$(".live-box-cotnent").html(html);
// $(".live-box").unbind("click").on("click",function(){
// window.location.href='download/down1.html?qd=ftsBH5ZB'
// })
}
})
}
getList(pageNumber,typeNumber,tagStr)
function getList(pageNum,typeNum,tagNum){
$.ajax({
url:$ip+'/footSeen/h5/queryTopics',
data:{
page:pageNum,
size:10,
type:typeNum,
tag:tagNum,
},
success:function(data){
// console.log('獲取貼文列表',data)
var html=[];
var topList=JSON.parse(data.dataList[0].content)
console.log(topList)
// duration
html+='<a href="video.html?topicId='+data.dataList[0].topicId+'&tag='+tagNum+'"><div style="background: url(https://zhibocdn.yabolive.net/comm'+topList.videos[0].cover.split('?')[0]+'?x-oss-process=video/snapshot,t_0,f_jpg,w_510,h_0,m_fast,f_jpg)no-repeat;background-size: cover;" class="swiper-img">';
html+='<div class="top-img-shadow"></div>';
html+='</div>';
html+='<div class="swiper-time">'+add0(Math.floor(topList.videos[0].duration/1000/60))+':'+add0(Math.floor(topList.videos[0].duration/1000)%60)+'</div>';
html+='<img class="play-icon" src="images/play-icon.png" alt="">';
html+='<p class="swiper-name">'+topList.title+'</p>';
html+='<div class="swiper-face-name">';
html+='<img src="https://zhibocdn.yabolive.net/comm'+data.dataList[0].face+'?x-oss-process=image/resize,w_80" alt="">';
html+='<p>'+data.dataList[0].nickname+'</p>';
html+='</div>';
html+='<div class="swiper-more">';
html+='<div class="swiper-more1"><img src="images/message.png" alt=""> '+data.dataList[0].comment+'</div>';
html+='</div></a>';
$(".recommend-swiper").html(html);
$(".recommend-swiper").attr("data-type",data.dataList[0].topicId)
var html=[];
for(var i=1;i<5;i++){
var list=data.dataList[i]
var videoList=JSON.parse(list.content)
html+='<a href="video.html?topicId='+list.topicId+'&tag='+tagNum+'"><div data-type="'+list.topicId+'" style="background: url(https://zhibocdn.yabolive.net/comm'+videoList.videos[0].cover.split('?')[0]+'?x-oss-process=video/snapshot,t_0,f_jpg,w_360,h_0,m_fast,f_jpg)no-repeat;background-size: cover;" class="videos-box">';
html+='<img class="play-icon" src="images/play-icon.png" alt="">';
html+='<div class="video-time">'+add0(Math.floor(videoList.videos[0].duration/1000/60))+':'+add0(Math.floor(videoList.videos[0].duration/1000)%60)+'</div>';
html+='<div class="video-more">';
html+='<div class="video-more1"><img src="images/message.png" alt=""> '+list.comment+'</div>';
html+='</div>';
html+='<img class="video-face" src="https://zhibocdn.yabolive.net/comm'+list.face+'?x-oss-process=image/resize,w_180" alt="">';
html+='<p class="video-title">'+list.nickname+'</p>';
html+='<div class="videos-shadow"></div>';
html+='</div></a>';
}
$(".videos-content").html(html);
$(".add-video-content").html('')
for(var i=5;i<10;i++){
if(data.dataList[i]==undefined)continue
var list=data.dataList[i]
var videoList=JSON.parse(list.content)
var html=[]
html+='<a href="video.html?topicId='+list.topicId+'&tag='+tagNum+'"><div data-type="'+list.topicId+'" class="add-video-box">';
html+='<div class="add-shadow"></div>';
html+='<div class="add-time">'+add0(Math.floor(videoList.videos[0].duration/1000/60))+':'+add0(Math.floor(videoList.videos[0].duration/1000)%60)+'</div>';
html+='<div class="add-face-name">';
html+='<img src="https://zhibocdn.yabolive.net/comm'+list.face+'?x-oss-process=image/resize,w_80" alt="">';
html+='<p>'+list.nickname+'</p>';
html+='</div>';
html+='<div style="background: url(https://zhibocdn.yabolive.net/comm'+videoList.videos[0].cover.split('?')[0]+'?x-oss-process=video/snapshot,t_0,f_jpg,w_510,h_0,m_fast,f_jpg)no-repeat;background-size: cover;" class="add-video-img">';
html+='<img class="play-icon" src="images/play-icon.png" alt="">';
html+='</div>';
html+='<div class="add-video-text-box">';
html+='<p>'+videoList.title+'</p>';
html+='<div class="tag-content">';
for(var j=0;j<list.tags.length;j++){
html+='<div data-type="'+list.tags[j].tagId+'" class="tag">#'+list.tags[j].tagName+'</div>';
}
html+='</div>';
html+='</div>';
html+='</div></a>';
$(".add-video-content").append(html)
// $(".videos-box,.recommend-swiper,.add-video-box").unbind("click").on("click",function(){
// var _self=$(this).attr("data-type")
// window.location.href="video.html?topicId="+_self+"&tag="+tagNum+""
// })
}
}
})
}
function listAdd(pageNum,typeNum,tagNum){
$.ajax({
url:$ip+'/footSeen/h5/queryTopics',
data:{
page:pageNum,
size:10,
type:typeNum,
tag:tagNum,
},
success:function(data){
// console.log('獲取貼文列表',data)
for(var i=0;i<data.dataList.length;i++){
if(data.dataList[i]==undefined)continue
var list=data.dataList[i]
var videoList=JSON.parse(list.content)
var html=[]
html+='<a href="video.html?topicId='+list.topicId+'&tag='+tagNum+'"><div data-type="'+list.topicId+'" class="add-video-box">';
html+='<div class="add-shadow"></div>';
html+='<div class="add-time">'+add0(Math.floor(videoList.videos[0].duration/1000/60))+':'+add0(Math.floor(videoList.videos[0].duration/1000)%60)+'</div>';
html+='<div class="add-face-name">';
html+='<img src="https://zhibocdn.yabolive.net/comm'+list.face+'?x-oss-process=image/resize,w_80" alt="">';
html+='<p>'+list.nickname+'</p>';
html+='</div>';
html+='<div style="background: url(https://zhibocdn.yabolive.net/comm'+videoList.videos[0].cover.split('?')[0]+'?x-oss-process=video/snapshot,t_0,f_jpg,w_510,h_0,m_fast,f_jpg)no-repeat;background-size: cover;" class="add-video-img">';
html+='<img class="play-icon" src="images/play-icon.png" alt="">';
html+='</div>';
html+='<div class="add-video-text-box">';
html+='<p>'+videoList.title+'</p>';
html+='<div class="tag-content">';
for(var j=0;j<list.tags.length;j++){
html+='<div data-type="'+list.tags[j].tagId+'" class="tag">#'+list.tags[j].tagName+'</div>';
}
html+='</div>';
html+='</div>';
html+='</div></a>';
if(tagStr=='')$(".add-video-content").append(html)
else{
$(".detailed-box").append(html)
}
}
setTimeout(function(){
scrollOk=true;
}, 500);
// $(".add-video-box").unbind("click").on("click",function(){
// var _self=$(this).attr("data-type")
// window.location.href="video.html?topicId="+_self+"&tag="+tagNum+""
// })
}
})
}
function tagGet(){
$.ajax({
url:$ip+'/footSeen/h5/queryTagList',
success:function(data){
// console.log('获取标签列表',data)
var html=[];
html+='<li data-type="" class="tag-click">#全部</li>'
for(var i=0;i<data.tagList.length;i++){
var list=data.tagList[i];
html+='<li data-type="'+list.tagId+'" >'+list.tagName+'</li>'
}
$(".layer-tag-ul").html(html);
$(".layer-tag-ul li").on("click",function(){
var _self=$(this);
$(".layer-tag-ul li").removeClass("tag-click")
_self.addClass("tag-click")
if(_self.attr("data-type")==''){
tagStr=''
pageNumber=1
getList(pageNumber,typeNumber,tagStr)
$(".detailed-box").html('').hide()
$(".all-box").show()
$(".layer-tag-box").css("top","-12rem")
$(".layer-shadow").hide()
}else{
tagStr=_self.attr("data-type")
pageNumber=1
$(".all-box").hide()
$(".detailed-box").html('').show()
listAdd(pageNumber,typeNumber,tagStr)
$(".layer-tag-box").css("top","-12rem")
$(".layer-shadow").hide()
}
})
}
})
}
// function
})
</script>
</html>