首页 > 代码库 > 地下城官网样式 轮播有缺陷，点击时不能换图片或是想要的画面
地下城官网样式 轮播有缺陷，点击时不能换图片或是想要的画面
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link href="http://www.mamicode.com/css/Untitled-2.css" rel="stylesheet" type="text/css" />
<style>
@charset "utf-8";
.toubu
{
height:40px;
width:100%;
border:0px solid #CC0;
position:absolute;
top:0px;
left:180px;
}
*
{
margin:0px;
padding:0px;}
.jing1
{
height:270px;
width:1000px;
border:0px solid #006;
position:relative;
top:50px;
left:183px;}
.jing11
{
height:30px;
width:800px;
border:0px solid #000;
position:relative;
top:20px;
left:100px;
font-family:"MS Serif", "New York", serif;
font-size:24px;
color:#606;}
.jing111
{
height:30px;
width:110px;
border:0px solid #339;
position:relative;
left:8px;
float:left;
text-align:center;
line-height:30px;}
.jing12
{
height:200px;
width:784px;
border:0px solid #3F6;
position:relative;
top:22px;
left:107px;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size:18px;
color:#900;}
.jing13
{
height:270px;
width:1060px;
border:0px solid #036;
position:relative;
top:40px;
left:-43px;}
.jing131
{
height:270px;
width:410px;
border:0px solid #0C0;
position:relative;
left:648px;
top:-3px;
background-color:#966;}
.jing1311
{
width:80px;
height:30px;
border:#000 0px solid;
position:relative;
top:10px;
left:0px;
float:left;
text-align:center;
line-height:30px;}
.jing1312
{
width:410px;
height:230px;
border:#000 0px solid;
position:relative;
top:40px;
left:0px;
text-align:center;}
.jing13121
{
height:30px;
width:410px;
border:0px solid #3C6;
position:relative;
top:-15px;
left:0px;
float:left;
line-height:30px;
color:#60C;
text-align:left;}
.gonggao
{
height:30px;
width:410px;
border:0px solid #3C6;
position:relative;
top:-15px;
left:0px;
float:left;
line-height:30px;
color:#60C;
text-align:left;}
.jing132
{
height:270px;
width:450px;
border:0px solid #0C6;
position:relative;
top:-273px;
left:197px;}
.jing133
{
height:135px;
width:196px;
border:#300 0px solid;
position:relative;
top:-542px;
left:-5px;}
.jing134
{
height:132px;
width:196px;
border:#300 0px solid;
position:relative;
top:-542px;
left:-5px;}
.bei
{
height:480px;
width:1066px;
border:0px solid #000;
position:relative;
top:50px;
left:134px;}
.wei
{
height:130px;
width:100%;
border:0px solid #000;
position:relative;
top:51px;}
</style>
</head>
<body>
<div class="toubu"><img src="http://www.mamicode.com/images/toubu.png" height="40px" /></div>
<div class="jing">
<div class="jing1">
<div class="jing11">
<div class="jing111">官方首页</div>
<div class="jing111">游戏资料</div>
<div class="jing111"> 活动 </div>
<div class="jing111"> 赛事 </div>
<div class="jing111">自助服务</div>
<div class="jing111">游戏安全</div>
<div class="jing111">玩家社区</div>
</div>
<div class="jing12">
<table width="784px" height="200px" align="center" border="0px" cellpadding="0px" cellspacing="0px">
<tr align="center">
<td>社区平台</td>
<td>新手指南</td>
<td>官方活动</td>
<td>全年赛事</td>
<td> 充值 </td>
<td>安全公约</td>
<td> 论坛 </td>
</tr>
<tr align="center">
<td>道聚城</td>
<td>版本专题</td>
<td>合作活动</td>
<td>格斗大赛</td>
<td>消费记录</td>
<td>封号查询</td>
<td> 微信 </td>
</tr>
<tr align="center">
<td></td>
<td>壁纸时装</td>
<td>媒体活动</td>
<td>职业联赛</td>
<td>点亮图标</td>
<td>视频举报</td>
<td> 微博 </td>
</tr>
<tr align="center">
<td></td>
<td>漫画连载</td>
<td>每日签到</td>
<td>天王赛</td>
<td>兑换码</td>
<td>被盗找回</td>
<td> 问答 </a></td>
</tr>
<tr align="center">
<td></td>
<td>视频中心</td>
<td>每周活动</td>
<td>解说大赛</td>
<td>预约组队</td>
<td>角色恢复</td>
<td></td>
</tr>
</table>
</div>
<div class="jing13">
<div class="jing131">
<div class="jing1311">新闻</div>
<div class="jing1311">公告</div>
<div class="jing1311">活动</div>
<div class="jing1311">赛事</div>
<div class="jing1311">社区</div>
<div class="jing1312">
<div class="jing13121"> <a href="http://www.mamicode.com/webplat/info/news_version3/119/495/496/m397/201608/500064.shtml" target="_blank">[新闻] 全新赫拉斯地下城等你来挑战！</a></div>
<div class="jing13121"> <a href="http://www.mamicode.com/webplat/info/news_version3/119/495/496/m397/201608/501676.shtml" target="_blank">[新闻] 三大明星亮相DNF辣眼睛公益直播</a></div>
<div class="jing13121"> <a href="http://www.mamicode.com/webplat/info/news_version3/119/495/496/m397/201608/501667.shtml" target="_blank">[新闻] DNF游戏安全满意度调查</a></div>
<div class="jing13121"> <a href="http://www.mamicode.com/webplat/info/news_version3/119/495/496/m397/201608/501456.shtml" target="_blank">[新闻] 细数会被队友砍死的特效装备</a></div>
<div class="jing13121"> <a href="http://www.mamicode.com/webplat/info/news_version3/119/495/496/m397/201608/501324.shtml" target="_blank">[新闻] 冒险故事在这停顿，玩家原创社区上线</a></div>
<div class="jing13121"> <a href="http://www.mamicode.com/webplat/info/news_version3/119/495/496/m397/201608/500061.shtml" target="_blank">[新闻] 站街得史诗碎片、代币券、黄金增幅书</a></div>
<div class="jing13121"> <a href="http://www.mamicode.com/webplat/info/news_version3/119/495/496/m397/201608/500062.shtml" target="_blank">[新闻] 每日签到享豪礼 海量史诗等你拿</a></div>
</div>
</div>
<div class="jing132"><img id="img" src="http://www.mamicode.com/images/lun11.jpg"/></div>
<div class="jing133"><img src="http://www.mamicode.com/images/xiazai.png" /></div>
<div class="jing134"><img src="http://www.mamicode.com/images/TBD680]JX]$2L9EV${{]Y8R.png" width="196px" /></div>
</div>
</div>
</div>
<div class="bei"><img src="http://www.mamicode.com/images/bei.png" /></div>
<div class="wei"><img src="http://www.mamicode.com/images/wei.png" width="1366px"/></div>
</body>
</html>
<script>
var arr =new Array()
arr[0]="images/lun11.jpg";
arr[1]="images/lun22.jpg";
arr[2]="images/lun33.jpg";
arr[3]="images/lun44.jpg";
arr[4]="images/lun55.jpg";
var num=0;
setInterval(changeimg,2000)
function changeimg()
{
var obj=document.getElementById("img")
if(num==4)
{num=0;}
else
{num=num+1}
obj.src=http://www.mamicode.com/arr[num]
}
</script>
地下城官网样式 轮播有缺陷，点击时不能换图片或是想要的画面