为了账号安全,请及时绑定邮箱和手机立即绑定

请问老师我这里是那里出了问题

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title>实践题 - 选项卡</title>

    <style type="text/css">

     /* CSS样式制作 */  

    *{padding:0px margin:0px font:12px normal "microsoft yahei"} 

    #tabs{

        width:290px; padding:5px; height:150px; margin:20px;

    }

    #tabs ul{

        list-style:none; display:block; height:30px; line-height:30px; border-bottom:2px saddlebrown solid;

    }

    #tabs ul li{

        background:#fff; cursor:pointer; float:left; list-style:none; height:28px; line-height:28px; margin:0px 3px; border:1px solid #aaa; border-bottom:none; display:inline-block; width:60px; text-align:center;

    }

    #tabs ul li .on{

        border-top:2px solid saddlebrown; border-bottom:2px solid #fff;

    }

    #tabs div{

        height:120px; line-height:20px; border:1px solid #336699; border-top:none; padding=5px;

    }

    .hide{display:none;}

       

    </style>

    <script type="text/javascript">     

    // JS实现选项卡切换

    window.onload= function(){

        var oTab=document.getElementById("tabs");

        var oUl=oTab.getElementsByTagName("ul")[0];

        var oLis=oUl.getElementsByTagName("li");

        var oDivs=oTab.getElementsByTagName("div");

        for(var i=0;i<oLis.length;i++){

            oLis[i].index = i;

            oLis[i].onclick = function(){

                for(var n=0;n<oLis.length;n++){

                    oLis[n].className ="";

                    oDivs[n].className ="hide";

                }

            this.className ="on";

            oDiv[this.index].className ="";

            }

        }

    }

    

    </script>

 

</head>

<body>

<!-- HTML页面布局 -->

<div id="tabs">

    <ul>

        <li>房产</li>

        <li>家居</li>

        <li>二手房</li>

    </ul>

    <div>

    275万购昌平邻铁三居 总价20万买一居

    200万内购五环三居 140万安家东三环

    北京首现零首付楼盘 53万购东5环50平

    京楼盘直降5000 中信府 公园楼王现房

    </div>

    <div>

     40平出租屋大改造 美少女的混搭小窝

     经典清新简欧爱家 90平老房焕发新生

     新中式的酷色温情 66平撞色活泼家居

     瓷砖就像选好老婆 卫生间烟道的设计    

    </div>

    <div>

     通州豪华3居260万 二环稀缺2居250w甩

     西3环通透2居290万 130万2居限量抢购

     黄城根小学学区仅260万 121平70万抛!

     独家别墅280万 苏州桥2居优惠价248万   

    </div>

</div>

 

</body>

</html>


正在回答

2 回答

oDivs[this.index].className = ""

这句话。oDivs少个s

0 回复 有任何疑惑可以回复我~
#1

品茗见南山

加油。其他地方看同学们的代码学习吧
2015-07-02 回复 有任何疑惑可以回复我~

右侧有源码,你对照一下

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

请问老师我这里是那里出了问题

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信