Skip to content

libai / footseen-large-website

Go to a project
Commit 4e527d80 by libai
Options

测试

parent 59ce74a8 master … dev-替换FUSI安装包
Inline Side-by-side
Showing with 658 additions and 0 deletions
index.html
......@@ -800,10 +800,12 @@ $(function(){
var html=[];
for(var i=0;i<data.tagList.length;i++){
var list=data.tagList[i]
html+='<a href="tag.html?tagNum='+list.tagId+'">';
html+='<li data-type="'+list.tagId+'">';
html+='<h2 class="tag-span1">'+list.tagName+'</h2>';
html+='<span class="tag-span2">('+list.videoTotal+')</span>';
html+='</li>';
html+='</a>'
}
$(".side-tag-ul").html(html);
$(".side-tag-ul li").unbind("click").on("click",function(){
......
tag.html 0 → 100644
<!DOCTYPE html>
<html lang="en">
<script>
var ua = window.navigator.userAgent.toLowerCase();
try {
if (/iphone|ipad|ipod/.test(ua)) {
window.location.href="https://www.footseen.xyz/mobile/index.html"
} else if (/android/.test(ua)) {
window.location.href="https://www.footseen.xyz/mobile/index.html"
}
} catch (e) {
}
</script>
<script src="lib/jquery-3.1.1.min.js"></script>
<script src="lib/default.js?v='2022080101'"></script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-QT401FZZ2K"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-QT401FZZ2K');
</script>
<script>
var indexOk=1;
</script>
<head>
<meta charset="utf-8"/>
<!-- <meta name="google-signin-scope" content="profile email">
<meta name="google-signin-client_id" content="534183685500-ag0vai0jh6todldi4rg6lvp0gcsojk0n.apps.googleusercontent.com"> -->
<meta data-hid="viewport" name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5, minimum-scale=1">
<meta name="renderer" content="webkit">
<meta name="applicable-device" content="pc">
<title>footseen-腳控足控天堂-超激情美女主播視訊</title>
<meta name="keywords" content="footseen,footseen live,激情美女視訊,激情美女影片,腳控足控,絲足,裸足,美腿,絲襪,黑絲,台灣UU聊天室,swag,視訊聊天室,live173,uplive,vklive,nonolive,foot rub,foot fetish">
<meta name="description" content="footseen直播，腳控足控天堂，絲足美腿視訊影片，足控第一高效約會軟體，免費影片立即觀看，在線美女激情互動，成人視訊線上體驗，徹底釋放你的慾望。">
<link rel="alternate" media="handheld" href="https://www.footseen.xyz/mobile/index.html">
<link rel="alternate" media="only screen and (max-width: 640px)" href="https://www.footseen.xyz/mobile/index.html">
<link rel="stylesheet" href="css/base.css?v=20220630">
<link rel="stylesheet" href="css/layer.css">
<link rel="stylesheet" href="css/neck.css?v=2022073001">
<link rel="stylesheet" href="css/login.css?v=2022073003">
<script src="https://accounts.google.com/gsi/client" async defer></script>
<script src="https://www.footseen.xyz/lib/hello.js"></script>
</head>
<body style="background: #F4F5F8">
<div class="neck-nav">
<div class="neck-nav-content">
<ul class="neck-nav-ul">
<a href="https://www.footseen.xyz/index.html"><li data-type="1"><span>首頁</span> <img src="images/front/nack-icon.png" alt=""></li></a>
<a href="https://www.footseen.xyz/live.html"><li data-type="2"><span>直播</span> <img src="images/front/nack-icon.png" alt=""></li></a>
<li class="nav-like-btn" data-type="3"><span>追蹤</span> <img src="images/front/nack-icon.png" alt=""></li>
<li data-type="4" class="neck-nav-li-click"><span>影片</span> <img src="images/front/nack-icon.png" alt=""></li>
<a href="https://www.footseen.xyz/imagesPage.html"><li data-type="5"><span>圖檔</span> <img src="images/front/nack-icon.png" alt=""></li></a>
<a href="https://www.footseen.xyz/dating.html"><li data-type="6"><span>約會</span> <img src="images/front/nack-icon.png" alt=""></li></a>
<a href="https://www.footseen.xyz/reg/index.html"><li data-type="7"><span>儲值</span> <img src="https://www.footseen.xyz/images/front/nack-icon.png" alt=""></li></a>
</ul>
<a href="https://www.footseen.xyz/index.html"><img class="logo" src="images/logo.png" alt=""></a>
<div class="nav-login-big-box">
<!-- <div style="display: none;" class=nav-login-btn>登入/註冊</div>
<div style="display: none;" class="nav-login">
<img class="nav-login-face" src="" alt="">
<div class="nav-login-more">
<div class="nav-login-more-jiao"></div>
<div class="nav-login-more-top">
<img class="login-more-top-face" src="" alt="">
<p class="login-more-top-p1">主播暱稱預留</p>
<p class="login-more-top-p2">ID:246524</p>
</div>
<div class="login-more-content-box">
<div data-type="1">用戶中心</div>
<div data-type="2">儲值中心</div>
<div data-type="3">我的追蹤</div>
<div data-type="4">登出</div>
</div>
</div>
</div> -->
</div>
</div>
</div>
<div class="side-nav">
<div class="side-right-box"></div>
<!-- <div class="side-nav-top-box">
<div data-type="1" class="side-nav-sort side-nav-sort-click"><img class="side-icon" src="images/front/icon1-click.png" alt=""><span>首頁</span><img class="side-nav-bg" src="images/front/nav-bg.png" alt=""></div>
<div data-type="2" class="side-nav-sort"><img class="side-icon" src="images/front/icon2.png" alt=""><span>直播</span><img class="side-nav-bg" src="images/front/nav-bg.png" alt=""></div>
<div data-type="3" class="side-nav-sort"><img class="side-icon" src="images/front/icon3.png" alt=""><span>追蹤</span><img class="side-nav-bg" src="images/front/nav-bg.png" alt=""></div>
<div data-type="4" class="side-nav-sort"><img class="side-icon" src="images/front/icon4.png" alt=""><span>影片</span><img class="side-nav-bg" src="images/front/nav-bg.png" alt=""></div>
<div data-type="5" class="side-nav-sort"><img class="side-icon" src="images/front/icon5.png" alt=""><span>圖文</span><img class="side-nav-bg" src="images/front/nav-bg.png" alt=""></div>
<div data-type="6" class="side-nav-sort"><img class="side-icon" src="images/front/icon6.png" alt=""><span>約會</span><img class="side-nav-bg" src="images/front/nav-bg.png" alt=""></div>
</div> -->
<div class="tag-big-box">
<div class="tag-title"><img src="images/front/tag-title.png" alt=""></div>
<ul class="side-tag-ul">
<!-- <li>
<h2 class="tag-span1">美腿</h2>
<span class="tag-span2">(253)</span>
</li> -->
</ul>
</div>
</div>
<div class="more-shadow"></div>
<div class="m-box">
<div style="height: 60px;"></div>
<div class="video-list-box">
<h2 class="box-title box-title2">
<img src="images/front/category2.png" alt=""><span>激情影片分享</span>
<div class="video-more-btn">
篩選<img src="images/front/more-btn.png" alt="">
</div>
<div class="video-more-layer">
<div class="jiao"></div>
<p style="padding-top: 15px;" class="more-layer-title">時長</p>
<ul class="more-layer-btn-ul more-layer-btn-ul1 clearfix">
<li data-type="-1" class="more-click">不限長度</li>
<li data-type="1" >小於2分鐘</li>
<li data-type="2" >2-5分鐘</li>
<li data-type="3" >5-15分鐘</li>
</ul>
<p class="more-layer-title">綜合</p>
<ul class="more-layer-btn-ul more-layer-btn-ul2 clearfix">
<li data-type="-1" class="more-click">綜合排序</li>
<li data-type="1">受歡迎程度</li>
<li data-type="2">點讚數量</li>
<li data-type="3">回復數量</li>
<li data-type="4">最新發佈</li>
<li data-type="5">最早發佈</li>
</ul>
<!-- <p class="more-layer-title">露水</p>
<ul class="more-layer-btn-ul more-layer-btn-ul3 clearfix">
<li class="more-click">不限露水</li>
<li>只看要露水</li>
<li>只看免露水</li>
</ul> -->
<p class="more-layer-title">時間</p>
<ul class="more-layer-btn-ul more-layer-btn-ul3 clearfix">
<li data-type="-1" class="more-click">不限時間</li>
<li data-type="1">一周內</li>
<li data-type="2">一月內</li>
<li data-type="3">三月內</li>
<li data-type="4">一年內</li>
</ul>
<div class="layer-more-btn1">重置</div>
<div class="layer-more-btn2">確定</div>
</div>
</h2>
<ul class="video-box-ul clearfix">
<!-- <li>
<div class="video-top-box">
<div class="video-top-shadow"></div>
<span class="video-time">45:03</span>
</div>
<div class="video-name-box">
<img class="video-face" src="https://zhibocdn.yabolive.net/comm/stscli/prod/883221/1648095196207/498F890F-33A1-4EE9-9854-9D39A6905E85.jpeg?x-oss-process=image/resize,w_40" alt="">
<p class="video-title">圖文詳情圖文詳情</p>
<div class="video-tag-box">
<div>#黑絲</div>
<div>#黑絲</div>
<div>#黑絲</div>
<div>#黑絲</div>
<div>#黑絲</div>
</div>
</div>
</li> -->
</ul>
</div>
<div style="height: 60px;"></div>
</div>
<div class="login-content">
<!-- <div class="layer-login">
<img class="close" src="https://www.footseen.xyz/images/close.png" alt="">
<div style="display: none;" class="login-box1">
<div class="login-title">登入</div>
<div class="phone-login-btn"></div>
<div class="google-login-btn"></div>
<div class="more-login"><img src="https://www.footseen.xyz/images/more-login.png" alt=""></div>
<div class="more-login-box">
<div class="more-login-icon"><img src="https://www.footseen.xyz/images/login-icon2.png" alt=""></div>
<div class="more-login-icon"><img src="https://www.footseen.xyz/images/login-icon3.png" alt=""></div>
<div class="more-login-icon"><img src="https://www.footseen.xyz/images/login-icon4.png" alt=""></div>
</div>
</div>
<div style="display: none;" class="login-box2">
<div class="login-title">登入</div>
<div data-type="1" class="login-input-area">
<p class="login-area-p1">國家地區</p>
<p class="login-area-p2"><span>台灣</span> <img src="images/arrow.png" alt=""></p>
</div>
<ul class="login-input-ul"></ul>
<div class="login-input-phone">
<span class="login-input-phone-span">+886</span>
<input class="login-input1" maxlength="15" placeholder="請輸入手機號碼" type="number">
</div>
<div class="login-submit-btn">登入</div>
<div class="more-login"><img src="https://www.footseen.xyz/images/more-login.png" alt=""></div>
<div class="more-login-box">
<div class="more-login-icon"><img src="https://www.footseen.xyz/images/login-icon1.png" alt=""></div>
<div class="more-login-icon"><img src="https://www.footseen.xyz/images/login-icon2.png" alt=""></div>
<div class="more-login-icon"><img src="https://www.footseen.xyz/images/login-icon3.png" alt=""></div>
<div class="more-login-icon"><img src="https://www.footseen.xyz/images/login-icon4.png" alt=""></div>
</div>
</div>
<div style="display: none;" class="login-box3">
<div style="padding-top: 110px;" class="login-title">登入</div>
<div class="login-input-area">
<p class="login-area-p1">國家地區</p>
<p class="login-area-p2"><span>台灣</span> <img src="images/arrow.png" alt=""></p>
</div>
<div class="login-input-phone">
<span class="login-input-phone-span">+886</span>
<input class="login-input1" oninput="value=value.replace(/[^\d]/g,'')" maxlength="15" placeholder="請輸入手機號碼" type="text">
</div>
<div class="login-input-password">
<span class="login-input-phone-span">密碼</span>
<input class="login-input2" maxlength="15" placeholder="請輸入您的密碼" type="password">
</div>
<span class="login-no-password">忘記密碼</span>
<div class="login-submit-btn">登入</div>
<div style="margin-top: 35px;" class="more-login"><img src="images/more-login.png" alt=""></div>
<div class="more-login-box">
<div class="more-login-icon"><img src="https://www.footseen.xyz/images/login-icon1.png" alt=""></div>
<div class="more-login-icon"><img src="https://www.footseen.xyz/images/login-icon2.png" alt=""></div>
<div class="more-login-icon"><img src="https://www.footseen.xyz/images/login-icon3.png" alt=""></div>
<div class="more-login-icon"><img src="https://www.footseen.xyz/images/login-icon4.png" alt=""></div>
</div>
</div>
<div style="display: none;" class="login-box4">
<div style="padding-top: 110px;" class="login-title">重置密碼</div>
<div class="login-input-area">
<p class="login-area-p1">國家地區</p>
<p class="login-area-p2"><span>香港</span> <img src="https://www.footseen.xyz/images/arrow.png" alt=""></p>
</div>
<div class="login-input-phone">
<span class="login-input-phone-span">+886</span>
<input class="login-input1" oninput="value=value.replace(/[^\d]/g,'')" maxlength="16" placeholder="請輸入手機號碼" type="text">
</div>
<div class="login-code-box">
<input placeholder="請輸入驗證碼" oninput="value=value.replace(/[^\d]/g,'')" maxlength="6" class="login-code-input" type="text">
<div class="login-code-btn">獲取驗證碼</div>
</div>
<div class="login-new-password1">
<input placeholder="請設置6-16位新密碼" maxlength="16" class="login-new-password-input" type="password">
</div>
<div class="login-new-password2">
<input placeholder="請再次輸入新密碼" maxlength="16" class="login-new-password-input" type="password">
</div>
<div class="login-submit-btn2">確定</div>
<div class="login-back">返回登入</div>
</div>
</div>
<div style="display: none;" class="layer-register">
<div class="layer-register-left">
<div style="padding-top: 70px;" class="login-title">註冊</div>
<div class="login-input-area">
<p class="login-area-p1">國家地區</p>
<p class="login-area-p2"><span>香港</span> <img src="https://www.footseen.xyz/images/arrow.png" alt=""></p>
</div>
<div class="login-input-phone">
<span class="login-input-phone-span">+886</span>
<input class="login-input1" oninput="value=value.replace(/[^\d]/g,'')" maxlength="16" placeholder="請輸入手機號碼" type="text">
</div>
<div class="login-code-box">
<input placeholder="請輸入驗證碼" oninput="value=value.replace(/[^\d]/g,'')" maxlength="6" class="login-code-input" type="text">
<div class="login-code-btn">獲取驗證碼</div>
</div>
<div class="login-new-password1">
<input placeholder="請設置6-16位密碼" maxlength="16" class="login-new-password-input" type="password">
</div>
<div class="login-submit-btn2">創建免費賬戶</div>
<p class="login-register-tips">已有賬號，<span>立即登錄</span></p>
</div>
<div class="layer-register-right"></div>
</div> -->
</div>
</body>
<script src="layer-v3.1.0/layer/layer.js"></script>
<script src="lib/fingerprint2.js"></script>
<script src="lib/login.js?v=2022080401"></script>
<script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js"></script>
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/jsrsasign/8.0.20/jsrsasign-all-min.js"></script> -->
<script>
$(function(){
// var html=[]
// html+='<meta name="google-signin-scope" content="profile email">'
// html+='<meta name="google-signin-client_id" content="534183685500-ag0vai0jh6todldi4rg6lvp0gcsojk0n.apps.googleusercontent.com">'
// $("head").append(html)
// $(".google-login").attr("src","https://apis.google.com/js/platform.js")
// var strings='eyJhbGciOiJSUzI1NiIsImtpZCI6IjJiMDllNzQ0ZDU4Yzk5NTVkNGYyNDBiNmE5MmY3YjM3ZmVhZDJmZjgiLCJ0eXAiOiJKV1QifQ.eyJpc3MiOiJodHRwczovL2FjY291bnRzLmdvb2dsZS5jb20iLCJuYmYiOjE2NTU3MjY3MzksImF1ZCI6IjUzNDE4MzY4NTUwMC1hZzB2YWkwamg2dG9kbGRpNHJnNmx2cDBnY3Nvamswbi5hcHBzLmdvb2dsZXVzZXJjb250ZW50LmNvbSIsInN1YiI6IjExNjU2MDI0NDUzNDA2NzMwNDk0NSIsImVtYWlsIjoiNDA1NzA4MTIyQHFxLmNvbSIsImVtYWlsX3ZlcmlmaWVkIjp0cnVlLCJhenAiOiI1MzQxODM2ODU1MDAtYWcwdmFpMGpoNnRvZGxkaTRyZzZsdnAwZ2Nzb2prMG4uYXBwcy5nb29nbGV1c2VyY29udGVudC5jb20iLCJuYW1lIjoi5p2O55m9IiwicGljdHVyZSI6Imh0dHBzOi8vbGgzLmdvb2dsZXVzZXJjb250ZW50LmNvbS9hL0FBVFhBSng2TTAwOVdBV0NtRTlBZUhZajJHYnhrRE5Bb1NRS3BqNHFrZm9nPXM5Ni1jIiwiZ2l2ZW5fbmFtZSI6IueZvSIsImZhbWlseV9uYW1lIjoi5p2OIiwiaWF0IjoxNjU1NzI3MDM5LCJleHAiOjE2NTU3MzA2MzksImp0aSI6IjM2YzdmZTk2ODg3NTQzODVkMTM4OWVhZGRlODJmOTgzMjQwZWFmY2QifQ.QL0TPz2C7lEvAfcnYRbfUwO39R0GsS6QkZboNpF6X7RWblxeKnm8CRWaqtosPbMNXqi42U7Cbkjb3rnD5GqTixRoYDeCceZzAhgQh4fNqs1_vU3gsQ0cBhqVYycbGo8hi6h-zFcMLMbM8hml3NvJqc1TYdhSDW3BdeaegBu2esLpgY4ac0Ick86-TnJH6Gj-U2WGU0QabbaEfbG1MSe-FslBEcE-Y9vbP4Wfzm0K1PCnooBv2Saj4HPBMuAhluHHXiejfU8MvLT8AaJH0oKlBJ_yH01OOGSiqQhM8qt3jaEC4lNVghePtSpjcflwY4_p-0vxewL4uH5szZnbVhPL0Q'
// var userinfo = JSON.parse(decodeURIComponent(escape(window.atob(strings.replace(/-/g, "+").replace(/_/g, "/")))));
// //console.log(userinfo)
if(data.jump!=undefined){
sessionStorage.jump=data.jump
var stateObject = {};
var title = "絲足美女";
var newUrl = "index.html";
history.pushState(stateObject,title,newUrl);
}
if(sessionStorage.jump=='undefined'){
sessionStorage.jump=1
}
try{
loginGo()
} catch (e) {
console.log(e)
}
var scrollOk=true;
var pageNumber=1
var typeNum=1
var tagNum=data.tagNum
var timeNum=-1
var sortNum=-1
var dayNum=-1 //
var canvasCode=-1
var scrollNav=true;//下滑展示tag開關
var hotList //熱門列表
var oneVideo=true;
var oneImg=true;
var fp = new Fingerprint2()
if(localStorage.canvasCode==undefined||localStorage.canvasCode=='oneEnter'){
fp.get(function(result, components) {
localStorage.canvasCode=result
$(".side-nav").show();
pageNumber=1
typeNum=1
$(".tag-big-box").show()
$(".side-tag-ul li").removeClass("tag-click")
$(".mc-list-box").hide()
$(".images-list-box").hide()
$(".like-box").hide()
$(".video-list-box").show()
scrollTo('.m-box',350)
getTags()
if(oneVideo){
getTopics(1,typeNum,tagNum,timeNum,sortNum,dayNum)
oneVideo=false
}
stat()
webActive()
if(sessionStorage.go=="footseen"){
$.ajax({
url:$ip+'activeLog/webActive',
data:{
activeType:5,
pageID:localStorage.canvasCode,
},
success:function(data){
if(data.code==1){
history.pushState('','','/');
sessionStorage.go='end'
}
}
})
}
});
}else{
$(".side-nav").show();
pageNumber=1
typeNum=1
$(".tag-big-box").show()
$(".side-tag-ul li").removeClass("tag-click")
$(".mc-list-box").hide()
$(".images-list-box").hide()
$(".like-box").hide()
$(".video-list-box").show()
scrollTo('.m-box',350)
getTags()
if(oneVideo){
getTopics(1,typeNum,tagNum,timeNum,sortNum,dayNum)
oneVideo=false
}
if(sessionStorage.go=="footseen"){
$.ajax({
url:$ip+'activeLog/webActive',
data:{
activeType:5,
pageID:localStorage.canvasCode,
},
success:function(data){
if(data.code==1){
history.pushState('','','/');
sessionStorage.go='end'
}
}
})
}
}
var layzT=true;
$(window).on("scroll",function(){
if(layzT==true){
layzT=false
layzImg()
setTimeout(function() {
layzT=true;
layzImg()
}, 200);
}
if($(document).height()-$(document).scrollTop()-$(window).height()<=30){
if(scrollOk==false)return;
scrollOk=false
pageNumber+=1
getTopics(pageNumber,typeNum,tagNum,timeNum,sortNum,dayNum)
}
if(scrollNav!=true)return;
// if($(document).scrollTop()>$(".box-title2").offset().top-20){
// $(".side-nav").fadeIn(200)
// }else{
// $(".side-nav").hide()
// }
})
$(".nav-like-btn").on("click",function(){
if(localStorage.uid==undefined){
loginLayer()
return;
}
window.location.href="focus.html"
})
$(".layer-more-btn1").on("click",function(){
timeNum=-1
sortNum=-1
dayNum=-1
$(".more-layer-btn-ul li").removeClass("more-click")
$(".more-layer-btn-ul1 li").eq(0).addClass("more-click")
$(".more-layer-btn-ul2 li").eq(0).addClass("more-click")
$(".more-layer-btn-ul3 li").eq(0).addClass("more-click")
})
$(".layer-more-btn2").on("click",function(){
$(".more-shadow").hide()
$(".video-more-layer").fadeOut(350)
$(".video-more-btn").removeClass("video-more-btn-all")
getTopics(1,typeNum,tagNum,timeNum,sortNum,dayNum)
var scrollOk=true;
var pageNumber=1
})
$(".more-layer-btn-ul1 li").on("click",function(){
var _self=$(this)
$(".more-layer-btn-ul1 li").removeClass("more-click")
_self.addClass("more-click")
timeNum=_self.attr("data-type")
})
$(".more-layer-btn-ul2 li").on("click",function(){
var _self=$(this)
$(".more-layer-btn-ul2 li").removeClass("more-click")
_self.addClass("more-click")
sortNum=_self.attr("data-type")
})
$(".more-layer-btn-ul3 li").on("click",function(){
var _self=$(this)
$(".more-layer-btn-ul3 li").removeClass("more-click")
_self.addClass("more-click")
dayNum=_self.attr("data-type")
})
$(".video-more-btn").on("click",function(){
if($(".video-more-btn").hasClass("video-more-btn-all")){
$(".more-shadow").hide()
$(".video-more-layer").fadeOut(350)
$(".video-more-btn").removeClass("video-more-btn-all")
}else{
$(".more-shadow").show()
$(".video-more-layer").fadeIn(350)
$(".video-more-btn").addClass("video-more-btn-all")
}
})
$(".more-shadow").on("click",function(){
$(".more-shadow").hide()
$(".video-more-layer").fadeOut(350)
$(".video-more-btn").removeClass("video-more-btn-all")
})
$(".down-apk-btn").on("click",function(){
window.location.href='https://bgps2.yazhai.co/footseexyz/apk/ftsBH5PC.apk'
})
function getTags(){
$.ajax({
url:$ip+'frontPage/queryTags',
data:{
pageID:localStorage.canvasCode,
},
success:function(data){
//console.log('获取标签列表',data);
var html=[];
for(var i=0;i<data.tagList.length;i++){
var list=data.tagList[i]
html+='<a href="tag.html?tagNum='+list.tagId+'">';
if(tagNum==list.tagId){
html+='<li class="tag-click" data-type="'+list.tagId+'">';
$(".box-title span").text(list.tagName+'的相關影片')
}
else html+='<li data-type="'+list.tagId+'">';
html+='<h2 class="tag-span1">'+list.tagName+'</h2>';
html+='<span class="tag-span2">('+list.videoTotal+')</span>';
html+='</li>';
html+='</a>';
}
$(".side-tag-ul").html(html);
$(".side-tag-ul li").unbind("click").on("click",function(){
var _self=$(this);
// scrollTo('.m-box',350)
if(_self.hasClass("tag-click")){
_self.removeClass('tag-click')
tagNum=''
}else{
$(".side-tag-ul li").removeClass("tag-click")
_self.addClass("tag-click")
tagNum=_self.attr("data-type")
}
// $(".mc-list-box").hide()
pageNumber=1
getTopics(1,typeNum,tagNum,timeNum,sortNum,dayNum)
})
}
})
}
function getTopics(e,typeNum,tagNum,timeNum,sortNum,dayNum){
if(typeNum==2){
timeNum=-1
sortNum=-1
dayNum=-1
}
$.ajax({
url:$ip+'frontPage/queryTopics',
data:{
pageID:localStorage.canvasCode,
pageNum:e,
type:typeNum,
pageSize:32,
language:2,
tag:tagNum,
duration:timeNum,
sort:sortNum,
period:dayNum
},
success:function(data){
//console.log('获取帖子',data)
if(data.code==-5008){
setTimeout(function(){
getTopics(e,typeNum,tagNum,timeNum,sortNum,dayNum)
},500)
return;
}
if(data.dataList.length==0){
scrollOk=false;
}else{
scrollOk=true;
}
var html=[];
if(typeNum==1){
for(var i=0;i<data.dataList.length;i++){
var list=data.dataList[i];
var videoList=JSON.parse(list.content)
html+='<a target="_blank" href="https://www.footseen.xyz/room/videoRoom.html?topicId='+list.topicId+'&tag='+tagNum+'">'
html+='<li>';
html+='<div data-type="'+videoList.videos[0].cover.split('?')[0]+'" style="background: url(images/layz.png)" class="video-top-box">';
html+='<img class="videoImgOk" src="">'
html+='<div class="live-cursor-shadow"></div>';
html+='<img class="play-icon" src="images/front/play-icon.png">'
html+='<div class="video-top-shadow"></div>';
html+='<span class="video-time">'+add0(Math.floor(videoList.videos[0].duration/1000/60))+':'+add0(Math.floor(videoList.videos[0].duration/1000)%60)+'</span>';
html+='</div>';
html+='<div class="video-name-box">';
// html+='<img class="video-face" src="https://zhibocdn.yabolive.net/comm'+list.face+'?x-oss-process=image/resize,w_40" alt="">';
html+='<p class="video-title">'+videoList.title+'</p>';
html+='<div class="video-tag-box">';
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+='</li>';
html+='</a>'
}
if(e==1){
$(".video-box-ul").html(html);
layzImg()
}
else $(".video-box-ul").append(html);
}
if(typeNum==2){
for(var i=0;i<data.dataList.length;i++){
var list=data.dataList[i];
var imgList=JSON.parse(list.content)
html+='<a href="https://www.footseen.xyz/room/imagesRoom.html?topicId='+list.topicId+'&tag='+tagNum+'">'
html+='<li>';
if(imgList.images==undefined){
var mRandom='https://app.ixiulive.com/static/footVideo/m/m'+Math.ceil(Math.random()*63)+'.jpg'
html+='<div style="background: url('+mRandom+');background-size: cover;" class="video-top-box">';
}
else html+='<div style="background: url(https://zhibocdn.yabolive.net/comm'+imgList.images[0].url.split('?')[0]+'?x-oss-process=image/resize,w_342);background-size: cover;" class="video-top-box">';
html+='<div class="video-top-shadow"></div>';
html+='</div>';
html+='<div class="video-name-box">';
// html+='<img class="video-face" src="https://zhibocdn.yabolive.net/comm'+list.face+'?x-oss-process=image/resize,w_40" alt="">';
html+='<p class="video-title">'+imgList.title+'</p>';
html+='<div class="video-tag-box">';
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+='</li>';
html+='</a>'
}
if(e==1) $(".images-box-ul").html(html);
else $(".images-box-ul").append(html);
}
}
})
}
function layzImg(){
var iNum=$(".video-box-ul li").length-40
if(iNum<0)iNum=0
for(var i=iNum;i<$(".video-box-ul li").length;i++){
if($(".video-box-ul li .video-top-box").eq(i).attr("data-type2")==1)continue;
if(($(".video-box-ul li").eq(i).offset().top)-($(window).height()+$(document).scrollTop())<300){
$(".video-box-ul li .video-top-box").eq(i).css("background","url(https://zhibocdn.yabolive.net/comm"+$(".video-box-ul li .video-top-box").eq(i).attr("data-type")+"?x-oss-process=video/snapshot,t_90000,f_jpg,w_342,h_0,m_fast,f_jpg)no-repeat")
$(".videoImgOk").eq(i).attr("src","https://zhibocdn.yabolive.net/comm"+$(".video-box-ul li .video-top-box").eq(i).attr("data-type")+"?x-oss-process=video/snapshot,t_90000,f_jpg,w_342,h_0,m_fast,f_jpg")
$(".video-box-ul li .video-top-box").eq(i).css("background-size","cover")
$(".video-box-ul li .video-top-box").eq(i).css("background-position-y","center")
$(".video-box-ul li .video-top-box").eq(i).attr("data-type2",1)
$(".videoImgOk").eq(i).on("error",function(){
$(this).parent().css("background","url(https://app.ixiulive.com/static/footVideo/m/m"+Math.ceil(Math.random()*63)+".jpg)no-repeat")
$(this).parent().css("background-size","cover")
$(this).parent().css("background-position-y","center")
})
}
}
}
})
</script>
</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