<!DOCTYPE html>
|
<html>
|
|
<head>
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" />
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
<script type="text/javascript">
|
(function (doc, win) {
|
var docEl = doc.documentElement,
|
resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
|
recalc = function () {
|
var clientWidth = win.innerWidth||docEl.clientWidth||doc.body.clientWidth;
|
if (!clientWidth) return;
|
|
docEl.style.fontSize = 100 * (clientWidth / 982) + 'px';
|
|
};
|
|
if (!doc.addEventListener) return;
|
win.addEventListener(resizeEvt, recalc, false);
|
doc.addEventListener('DOMContentLoaded', recalc, false);
|
})(document, window);
|
|
|
function show(num)
|
{
|
for(var i=1; i<=2; i++)
|
{
|
document.getElementById("d"+i).style.display="none";
|
document.getElementById("text"+i).style.display="none";
|
document.getElementsByName("divbtn"+i)[0].style.background="url(btn.png) no-repeat";
|
document.getElementsByName("divbtn"+i)[0].style.backgroundSize="cover";
|
}
|
document.getElementById("d"+num).style.display="block";
|
document.getElementById("text"+num).style.display="block";
|
document.getElementsByName("divbtn"+num)[0].style.background="url(selectbtn.png) no-repeat";
|
document.getElementsByName("divbtn"+num)[0].style.backgroundSize="cover";
|
}
|
</script>
|
|
<style>
|
#header {
|
background:url(title.png);
|
background-size:cover;
|
color:#fff4cd;
|
text-align:center;
|
height:0.48rem;
|
line-height:0.48rem;
|
font-size:0.26rem;
|
}
|
#nav {
|
width:23.11%;
|
float:left;
|
margin-left:0.02rem;
|
padding:1.32%;
|
}
|
#section {
|
width:103%;
|
padding:0.10rem;
|
overflow-y: auto;
|
height:75%;
|
}
|
|
div.holder
|
{
|
width:96%;
|
line-height:0.32rem;
|
color:#330800;
|
font-size:0.22rem;
|
}
|
#rightdiv{
|
position:absolute;
|
left:26.98%;
|
margin-top:0.16rem;
|
margin-left:0.16rem;
|
width:69.75%;
|
height:81%;
|
overflow:hidden;
|
}
|
|
#backg{
|
background:url(back.png);
|
background-size:cover;
|
}
|
|
#divbtn{
|
text-align:center;
|
height:0.66rem;
|
line-height:0.68rem;
|
margin:0.04rem;
|
}
|
|
</style>
|
</head>
|
|
<body id="backg" onload="show(1);">
|
|
|
<span style="font-size:0.22rem; color:#401c06">
|
<div id="nav">
|
|
<div id="divbtn" name="divbtn1" onclick="show(1);">系统公告</div>
|
<div id="divbtn" name="divbtn2" onclick="show(2);">开服狂欢大礼包</div>
|
|
</div>
|
</span>
|
<div id="rightdiv">
|
<div id="header">
|
<span id="text1">系统公告</span>
|
<span id="text2">开服狂欢大礼包</span>
|
|
</div>
|
|
<div id="section">
|
<div id="d1" class="holder">
|
仙侠匠制，奇遇仙宝！3DQ版角色扮演手游《少年奇侠传》将于2018年6月23日10:00点开启全平台首发，快来开启奇幻的修仙之旅吧~
|
<br>
|
<br>
|
<br>
|
--------------分割测试滑动--------
|
<br>
|
<br>
|
<br>
|
<br>
|
<br><br>【关于少年奇侠传】<br>
|
《少年奇侠传》是一款Q萌可爱角色扮演的游戏，清新唯美修仙世界、丰富外形炫酷成长、百变形象梦幻换装、多宠更换、法宝乐趣养成等多种特色玩法，带您梦回修仙路。置身其中，
|
即可体验到硝烟四起、大开大合的热血争霸，亦能加入精彩纷呈、嬉笑自由的修仙生活，演绎出独属于您的修仙传奇!
|
<br><br>
|
|
《少年奇侠传》手游运营团队
|
<br>
|
|
2018年6月23日
|
</div>
|
|
<div id="d2" class="holder">
|
最新上架
|
</div>
|
|
</div>
|
</div>
|
|
</body>
|
</html>
|
