<!DOCTYPE html>
<html>
<head>
<meta name="robots" content="all" />
<meta name="author" content="CLSteam" />
<meta charset="utf-8"/>
<link rel="shortcut icon" href="https://cls.tiancity.com/favicon.ico" />
<meta name="keywords" content="封印者，动漫游戏，动作游戏，二次元，刀剑神域，异 次元世界，超能力，DNF，艾尔之光，疾风之刃，closers，人气新游，新游，热门游戏，幻想神域，ACG，正太，御姐，宅文化，动画，漫画" />
<meta name="description" content='《封印者》是一款集动漫画风、轻小说剧情、极速战斗于一体的二次元ACG向游戏。绝赞暴走流战斗体验，画面绚丽炸裂显卡！还想prprpr粉毛萝莉和可爱正太？即刻穿越二次元！' />
<title>《封印者》璀璨巨星时装</title>
<link rel="dns-prefetch" href="https://img1.tiancitycdn.com/cls" />
<link rel="dns-prefetch" href="https://cls.tiancity.com/" />
<link rel="dns-prefetch" href="http://evt.tiancity.com" />
<link rel="stylesheet" href="https://img1.tiancitycdn.com/cls/event/2020/0924bright/css/style.css" />
</head>
<body>
<div class="wrapper">
<div class="main">
<div class="section section0">
<div class="slideImgs">
<div class="img1"><img src="https://img1.tiancitycdn.com/cls/event/2020/0924bright/images/head1.png" /></div>
<div class="img2"><img src="https://img1.tiancitycdn.com/cls/event/2020/0924bright/images/head2.png" /></div>
<div class="img3"><img src="https://img1.tiancitycdn.com/cls/event/2020/0924bright/images/head3.png" /></div>
<div class="img4"><img src="https://img1.tiancitycdn.com/cls/event/2020/0924bright/images/head4.png" /></div>
</div>
<a href="https://cls.tiancity.com/homepage/v1/index.html" class="logo" target="_blank"></a>
</div>
<div class="section section1">
<div class="left">
<video class="myVideo" id="myVideo" width="869" height="494" controls>
<source id="mp4_src" src="https://img1.tiancitycdn.com/cls/event/2020/0924bright/images/movie.mp4" type="video/mp4">
</video>
<div class="videoPlayBtn"><img src="https://img1.tiancitycdn.com/cls/event/2020/0924bright/images/playBtn.png" width="80px" height="80px" /></div>
</div>
</div>
<div class="section section2">
<div class="c1">
<div class="left">
<a class="btn_1 on">羊队</a>
<a class="btn_2">狼队</a>
<a class="btn_3">鹰队</a>
<a class="btn_4">鼠队</a>
</div>
<div class="right">
<ul>
<li class="t1 on">羊队</li>
<li class="t2">狼队</li>
<li class="t3">鹰队</li>
<li class="t4">鼠队</li>
</ul>
<a class="storyBtn">背景故事</a>
</div>
</div>
<div class="c2">
<!-- 小按钮 -->
<div class="btnS btnS_1 on">
<ul>
<li class="li_1"><a class="btn_1 on"></a></li>
<li class="li_2"><a class="btn_2"></a></li>
<li class="li_3"><a class="btn_3"></a></li>
<li class="li_4"><a class="btn_4"></a></li>
<li class="li_5"><a class="btn_5"></a></li>
</ul>
</div>
<div class="btnS btnS_2">
<ul>
<li class="li_1"><a class="btn_1"></a></li>
<li class="li_2"><a class="btn_2"></a></li>
<li class="li_3"><a class="btn_3"></a></li>
<li class="li_4"><a class="btn_4"></a></li>
<li class="li_5"><a class="btn_5"></a></li>
</ul>
</div>
<div class="btnS btnS_3">
<ul>
<li class="li_1"><a class="btn_1"></a></li>
<li class="li_2"><a class="btn_2"></a></li>
<li class="li_3"><a class="btn_3"></a></li>
<li class="li_4"><a class="btn_4"></a></li>
<li class="li_5"><a class="btn_5"></a></li>
</ul>
</div>
<div class="btnS btnS_4">
<ul>
<li class="li_1"><a class="btn_1"></a></li>
<li class="li_2"><a class="btn_2"></a></li>
<li class="li_3"><a class="btn_3"></a></li>
</ul>
</div>
</div>
<div class="c3 role-pic">
<!-- 人物图片和人物介绍 -->
<div class="roleImg"><img src="https://img1.tiancitycdn.com/cls/event/2020/0924bright/images/headImg1/p1.png"></div>
<div class="roleDetail"><img src="https://img1.tiancitycdn.com/cls/event/2020/0924bright/images/headImg1/des_1.png"></div>
<div class="loading"></div>
</div>
</div>
<div class="section section3">
<a class="hechengBtn">查看合成系统</a>
</div>
<div class="section section4"></div>
<div class="section section5"></div>
<div class="section section6"></div>
</div>
<div class="bg" id="bg">
<div class="bg_0"></div>
<div class="bg_1"></div>
<div class="bg_2"></div>
<div class="bg_3"></div>
<div class="bg_4"></div>
<div class="bg_5"></div>
<div class="bg_6"></div>
</div>
</div>
<!-- 弹窗部分 -->
<div id="popdiv1" class="popdiv1">
<a class="closeBtn"></a>
<div class="con t1"><img src="https://img1.tiancitycdn.com/cls/event/2020/0924bright/images/tan_1.png" alt="" /></div>
<div class="con t2"><img src="https://img1.tiancitycdn.com/cls/event/2020/0924bright/images/tan_2.png" alt="" /></div>
<div class="con t3"><img src="https://img1.tiancitycdn.com/cls/event/2020/0924bright/images/tan_3.png" alt="" /></div>
<div class="con t4"><img src="https://img1.tiancitycdn.com/cls/event/2020/0924bright/images/tan_4.png" alt="" /></div>
</div>
<div id="popdiv2" class="popdiv2">
<a class="closeBtn"></a>
<div class="con t1"><img src="https://img1.tiancitycdn.com/cls/event/2020/0924bright/images/tan_hecheng.png" alt="" /></div>
</div>
<script src="https://img1.tiancitycdn.com/cls/homepage/common/topnav/pagetop-utf8.js"></script>
<div id="foot"><script src="https://cls.tiancity.com/homepage/copyright/cls_copyright_utf8.js"></script></div>
<script type="text/javascript" src="https://image.tiancity.com/common/js/jquery-1.7.2.min.js"></script>
<script src="https://image.tiancity.com/common/js/common-1.2.3.min.js"></script>
<script type="text/javascript">
window.scrollTo((document.body.scrollWidth-document.body.offsetWidth)/2,0)
var IE5 = navigator.appVersion.search(/MSIE 5/i) != -1;
var IE6 = navigator.appVersion.search(/MSIE 6/i) != -1;
var IE7 = navigator.appVersion.search(/MSIE 7/i) != -1;
var IE8 = navigator.appVersion.search(/MSIE 8/i) != -1;
var IE9 = navigator.appVersion.search(/MSIE 9/i) != -1;
if (IE5 || IE6 || IE7 || IE8){
alert("您的浏览器版本过低，在本系统中不能达到良好的视觉效果，建议你升级到ie8以上！");
}
var slideIndex = 1;
var interval= setInterval(function(){
$(".slideImgs .img"+slideIndex).fadeOut();
slideIndex++;
if(slideIndex>4){
slideIndex = 1;
}
$(".slideImgs .img"+slideIndex).fadeIn();
},3200)
var _video = $('.left video')[0];
$('.videoPlayBtn').click(function(){
if ( _video.paused ) {
$('.myVideo').css({display:'block'});
$('.videoPlayBtn').css({display:'none'});
_video.play();
}
})
var video = document.getElementById("myVideo");
video.addEventListener("ended", function()
{
$('.myVideo').css({display:'none'});
$('.videoPlayBtn').css({display:'block'});
}, true);
var leftTitleIndex = 0;
var len = 5;
var $pic = $('.c3 .roleImg img');
var $des = $('.c3 .roleDetail img');
var $load = $('.c3 .loading');
var _url = 'https://img1.tiancitycdn.com/cls/event/2020/0924bright/images/headImg'+(leftTitleIndex+1);
var _url2 = _url;
$(".left a").click(function(){
var idx = $(this).index();
leftTitleIndex = idx;
$(this).addClass('on').siblings().removeClass('on');
$(".right ul li").eq(idx).addClass("on").siblings().removeClass('on');
$(".c2 .btnS_"+(idx+1)).addClass("on").siblings().removeClass('on');
len = $(".c2 .btnS_"+(idx+1)+" ul").children().length;
for(var i=0;i<len;i++){
var $cur = $(".c2 .btnS_"+(idx+1)+" ul .li_"+(i+1)+" a");
if($cur.hasClass("on")){
$cur.removeClass("on");
}
}
$(".c2 .btnS_"+(idx+1)+" .btn_1").addClass("on");
_url = 'https://img1.tiancitycdn.com/cls/event/2020/0924bright/images/headImg'+(leftTitleIndex+1);
_url2 = _url;
var curUrl = 'https://img1.tiancitycdn.com/cls/event/2020/0924bright/images/headImg'+(leftTitleIndex+1)+"/p"+1+".png";
var curUrl2 = 'https://img1.tiancitycdn.com/cls/event/2020/0924bright/images/headImg'+(leftTitleIndex+1)+"/des_"+1+".png";
changeImage(curUrl,curUrl2);
})
$(".btnS ul li").click(function(){
var thisIndex = $(this).index();
for(var i=0;i<len;i++){
var $cur = $(".c2 .btnS_"+(leftTitleIndex+1)+" ul .li_"+(i+1)+" a");
if($cur.hasClass("on")){
$cur.removeClass("on");
}
}
$(".c2 .btnS_"+(leftTitleIndex+1)+" .btn_"+(thisIndex+1)).addClass("on");
_url = 'https://img1.tiancitycdn.com/cls/event/2020/0924bright/images/headImg'+(leftTitleIndex+1)+"/p"+(thisIndex+1)+".png";
_url2 = 'https://img1.tiancitycdn.com/cls/event/2020/0924bright/images/headImg'+(leftTitleIndex+1)+"/des_"+(thisIndex+1)+".png";
changeImage(_url,_url2);
})
function changeImage(url,url2){
$pic.fadeOut();
$load.fadeIn();
$des.fadeOut();
loadImg(url2,function(){
$des.attr('src',url2);
$des.fadeIn();
})
loadImg(url,function(){
$pic.attr('src',url);
var $top = (1000-$pic.height())*0.5;
var $left = (970 - $pic.width())*0.5;
$pic.css({"marginTop":$top,"marginLeft":$left})
$pic.fadeIn();
$load.fadeOut();
})
}
function loadImg(url,fn){
var img = new Image();
img.src = url;
if (img.complete) {
fn.call(img);
} else {
img.onload = function () {
fn.call(img);
img.onload = null;
};
};
}
$(".closeBtn").click(function(){
$(".popdiv1 .con").scrollTop(0);
$.hideDialog();
});
$(".storyBtn").click(function(){
for(var i=1;i<=4;i++){
$(".popdiv1 .t"+i).css({"display":"none"})
}
$(".popdiv1 .t"+(leftTitleIndex+1)).css({"display":"block"})
$.showDialog('.popdiv1');
})
$(".hechengBtn").click(function(){
$.showDialog('.popdiv2');
})
</script>
</body>
</html>
扫一扫
456
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
