如图样式,鼠标经过或者点击显示以下样式

<img src="data:image/png;base64,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" alt="" />
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>实践题 - 选项卡</title>
    <style type="text/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 #aaaaaa;
            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: 25px;
            border:1px solid #336699;
            border-top:none;
            padding:5px;
        }
        .hide{
            display: none;
        }
    </style>
    <script type="text/javascript">
         window.onload = function(){
             var oTab = document.getElementById("tabs");
            // var oUl = oTab.getElementsByTagName("ul")[0];//得到所要显示的房产、家居、二手房
             //document.write(oUl.innerHTML);
             var oLis = oTab.getElementsByTagName("li");
             //document.write(oLis[0].innerHTML);//得到“房产”
             var oDivs= oTab.getElementsByTagName("div");
             //document.write(oDivs[1].innerHTML);

             for(var i= 0,len = oLis.length;i<len;i++){//遍历出oLis
                 oLis[i].index = i;//绑定下标的语句
                 oLis[i].onclick = function() {
                     for(var n= 0;n<len;n++){    //再遍历下,目的是为了初始化
                         oLis[n].className = "";//清除oLis的所有的的classname,/*目的是为了显示oLis[n]原来的格式??*/
                         oDivs[n].className = "hide";//设置所有的滑动门的内容的classname=hide,应该是隐藏所有的内容
                     }
                     this.className = "on"; //设置当前鼠标点击的classname=“on”,格式为on
                     oDivs[this.index].className = "";//注意这个this.index,如果写成i的话是不对的,你可以自己试一下,意思是相对应鼠标滑过的导航的内容清除calss设置为显示
                 }
             };
         }
    </script>

</head>
<body>
<div id="tabs">
    <ul>
        <li class="on">房产</li>
        <li>家居</li>
        <li>二手房</li>
    </ul>
    <div>
        275万购昌平邻铁三居 总价20万买一居<br>
        200万内购五环三居 140万安家东三环<br>
        北京首现零首付楼盘 53万购东5环50平<br>
        京楼盘直降5000 中信府 公园楼王现房<br>
    </div>
    <div class="hide">
        40平出租屋大改造 美少女的混搭小窝<br>
        经典清新简欧爱家 90平老房焕发新生<br>
        新中式的酷色温情 66平撞色活泼家居<br>
        瓷砖就像选好老婆 卫生间烟道的设计<br>

    </div>
    <div class="hide">
        通州豪华3居260万 二环稀缺2居250w甩<br>
        西3环通透2居290万 130万2居限量抢购<br>
        黄城根小学学区仅260万 121平70万抛!<br>
        独家别墅280万 苏州桥2居优惠价248万<br>

    </div>
</div>

</body>
</html>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值