• 地下城官网样式 轮播有缺陷,点击时不能换图片或是想要的画面


    <!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="css/Untitled-2.css" rel="stylesheet" type="text/css" />
    <style>
    @charset "utf-8";
    .toubu
    {
    height:40px;
    100%;
    border:0px solid #CC0;
    position:absolute;
    top:0px;
    left:180px;
    }
    *
    {
    margin:0px;
    padding:0px;}

    .jing1
    {
    height:270px;
    1000px;
    border:0px solid #006;
    position:relative;
    top:50px;
    left:183px;}
    .jing11
    {
    height:30px;
    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;
    110px;
    border:0px solid #339;
    position:relative;
    left:8px;
    float:left;
    text-align:center;
    line-height:30px;}
    .jing12
    {
    height:200px;
    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;
    1060px;
    border:0px solid #036;
    position:relative;
    top:40px;
    left:-43px;}
    .jing131
    {
    height:270px;
    410px;
    border:0px solid #0C0;
    position:relative;
    left:648px;
    top:-3px;
    background-color:#966;}
    .jing1311
    {
    80px;
    height:30px;
    border:#000 0px solid;
    position:relative;
    top:10px;
    left:0px;
    float:left;
    text-align:center;
    line-height:30px;}
    .jing1312
    {
    410px;
    height:230px;
    border:#000 0px solid;
    position:relative;
    top:40px;
    left:0px;
    text-align:center;}
    .jing13121
    {
    height:30px;
    410px;
    border:0px solid #3C6;
    position:relative;
    top:-15px;
    left:0px;
    float:left;
    line-height:30px;
    color:#60C;
    text-align:left;}
    .gonggao
    {
    height:30px;
    410px;
    border:0px solid #3C6;
    position:relative;
    top:-15px;
    left:0px;
    float:left;
    line-height:30px;
    color:#60C;
    text-align:left;}
    .jing132
    {
    height:270px;
    450px;
    border:0px solid #0C6;
    position:relative;
    top:-273px;
    left:197px;}
    .jing133
    {
    height:135px;
    196px;
    border:#300 0px solid;
    position:relative;
    top:-542px;
    left:-5px;}
    .jing134
    {
    height:132px;
    196px;
    border:#300 0px solid;
    position:relative;
    top:-542px;
    left:-5px;}
    .bei
    {
    height:480px;
    1066px;
    border:0px solid #000;
    position:relative;
    top:50px;
    left:134px;}
    .wei
    {
    height:130px;
    100%;
    border:0px solid #000;
    position:relative;
    top:51px;}
    </style>
    </head>

    <body>
    <div class="toubu"><img src="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">&nbsp;活动&nbsp;</div>
    <div class="jing111">&nbsp;赛事&nbsp;</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>&nbsp;充值&nbsp;</td>
    <td>安全公约</td>
    <td>&nbsp;论坛&nbsp;</td>
    </tr>
    <tr align="center">
    <td>道聚城</td>
    <td>版本专题</td>
    <td>合作活动</td>
    <td>格斗大赛</td>
    <td>消费记录</td>
    <td>封号查询</td>
    <td>&nbsp;微信&nbsp;</td>
    </tr>
    <tr align="center">
    <td></td>
    <td>壁纸时装</td>
    <td>媒体活动</td>
    <td>职业联赛</td>
    <td>点亮图标</td>
    <td>视频举报</td>
    <td>&nbsp;微博&nbsp;</td>
    </tr>
    <tr align="center">
    <td></td>
    <td>漫画连载</td>
    <td>每日签到</td>
    <td>天王赛</td>
    <td>兑换码</td>
    <td>被盗找回</td>
    <td>&nbsp;&nbsp;&nbsp;问答&nbsp;&nbsp;&nbsp;</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">&nbsp;&nbsp;&nbsp;<a href="/webplat/info/news_version3/119/495/496/m397/201608/500064.shtml" target="_blank">[新闻] 全新赫拉斯地下城等你来挑战!</a></div>
    <div class="jing13121">&nbsp;&nbsp;&nbsp;<a href="/webplat/info/news_version3/119/495/496/m397/201608/501676.shtml" target="_blank">[新闻] 三大明星亮相DNF辣眼睛公益直播</a></div>
    <div class="jing13121">&nbsp;&nbsp;&nbsp;<a href="/webplat/info/news_version3/119/495/496/m397/201608/501667.shtml" target="_blank">[新闻] DNF游戏安全满意度调查</a></div>
    <div class="jing13121">&nbsp;&nbsp;&nbsp;<a href="/webplat/info/news_version3/119/495/496/m397/201608/501456.shtml" target="_blank">[新闻] 细数会被队友砍死的特效装备</a></div>
    <div class="jing13121">&nbsp;&nbsp;&nbsp;<a href="/webplat/info/news_version3/119/495/496/m397/201608/501324.shtml" target="_blank">[新闻] 冒险故事在这停顿,玩家原创社区上线</a></div>
    <div class="jing13121">&nbsp;&nbsp;&nbsp;<a href="/webplat/info/news_version3/119/495/496/m397/201608/500061.shtml" target="_blank">[新闻] 站街得史诗碎片、代币券、黄金增幅书</a></div>
    <div class="jing13121">&nbsp;&nbsp;&nbsp;<a href="/webplat/info/news_version3/119/495/496/m397/201608/500062.shtml" target="_blank">[新闻] 每日签到享豪礼 海量史诗等你拿</a></div>
    </div>
    </div>
    <div class="jing132"><img id="img" src="images/lun11.jpg"/></div>
    <div class="jing133"><img src="images/xiazai.png" /></div>
    <div class="jing134"><img src="images/TBD680]JX]$2L9EV${{]Y8R.png" width="196px" /></div>
    </div>
    </div>
    </div>
    <div class="bei"><img src="images/bei.png" /></div>
    <div class="wei"><img src="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=arr[num]
    }

    </script>

  • 相关阅读:
    获取指定字符传的长度或者高度
    检测身份证号码是否合法
    tabbar添加小红点
    单例的简单构造
    iOS程序内发短信
    多项式加法运算 使用链表实现
    链表的数组实现
    使用链表实现堆栈
    使用链表实现堆栈
    求最大子列和的几种方法
  • 原文地址:https://www.cnblogs.com/20gg-com/p/5828688.html
Copyright © 2020-2023  润新知