請問問題出在哪啊，自己寫了一遍不行，參照別人的還是不行?。?/h1>
<!DOCTYPE?html>
<html>
<head>
????<meta?charset="UTF-8">
????<title>實踐題?-?選項卡</title>
????<style?type="text/css">
?????/*?CSS樣式制作?*/??
????#nav{
????????margin:5px;
????????padding:5px;
????????font:14px?normal;
????}
????#nav?ul{
????????width:300px;
????????margin:0px;
????????padding-bottom:2px;
????????padding-left:5px;
????????height:30px;
????????line-height:30px;
????????display:block;
????????font-family:微軟雅黑;
????}
????#nav?ul?li{
????????margin:0px?3px;
????????height:24px;
????????line-height:24px;
????????text-align:center;
????????display:inline-block;
????????border:1px?solid?#CCC;
????????padding:3px;
????????float:left;
????????width:57px;
????}
????#nav?div{
????????width:300px;
????????margin-left:6px;
????????padding:6px?10px?10px?10px;
????????border:1px?solid?#CCC;
????????border-top:2px?solid?#CCA;
????????height:120px;
????????line-height:28px;
????}
????.hide{
????????display:none;
????}
</style>
????<script?type="text/javascript">
?????
????//?JS實現(xiàn)選項卡切換
????var?N=document.getElementById("nav");
????var?U=n.getElementsByTagName("ul")[0];
????var?L=U.getElementsByTagName("li");
????var?D=N.getElementsByTagName("div");
????for(var?i=0;i<li.length;i++)
????{
????????L[i].index=i;
????????L[i].onclick=function(){
????????????for(var?j=0;j<L.length;j++)
????????????{
??????????????L[j].className="";
??????????????D[j].className="hide";
????????????}
????????????this.classNmae="on";
????????????D[this.index].className="";
????????}
????}
????</script>
</head>
<body>
<!--?HTML頁面布局?-->
<div?id="nav">
????<ul>
????????<li>房產(chǎn)</li>
????????<li>家居</li>
????????<li>二手房</li>
????</ul>
????<div>
?????275萬購昌平鄰鐵三居?總價20萬買一居<br?/>
?????200萬內(nèi)購五環(huán)三居?140萬安家東三環(huán)<br?/>
?????北京首現(xiàn)零首付樓盤?53萬購東5環(huán)50平<br?/>
?????京樓盤直降5000?中信府?公園樓王現(xiàn)房<br?/>
????</div>
????<div?>
?????40平出租屋大改造?美少女的混搭小窩<br?/>
?????經(jīng)典清新簡歐愛家?90平老房煥發(fā)新生<br?/>
?????新中式的酷色溫情?66平撞色活潑家居<br?/>
?????瓷磚就像選好老婆?衛(wèi)生間煙道的設(shè)計<br?/>
????</div>
????<div>
?????通州豪華3居260萬?二環(huán)稀缺2居250w甩<br?/>
?????西3環(huán)通透2居290萬?130萬2居限量搶購<br?/>
?????黃城根小學(xué)學(xué)區(qū)僅260萬?121平70萬拋!<br?/>
?????獨家別墅280萬?蘇州橋2居優(yōu)惠價248萬<br?/>
????</div>
</div>
?
</body>
</html>
<!DOCTYPE?html>
<html>
<head>
????<meta?charset="UTF-8">
????<title>實踐題?-?選項卡</title>
????<style?type="text/css">
?????/*?CSS樣式制作?*/??
????#nav{
????????margin:5px;
????????padding:5px;
????????font:14px?normal;
????}
????#nav?ul{
????????width:300px;
????????margin:0px;
????????padding-bottom:2px;
????????padding-left:5px;
????????height:30px;
????????line-height:30px;
????????display:block;
????????font-family:微軟雅黑;
????}
????#nav?ul?li{
????????margin:0px?3px;
????????height:24px;
????????line-height:24px;
????????text-align:center;
????????display:inline-block;
????????border:1px?solid?#CCC;
????????padding:3px;
????????float:left;
????????width:57px;
????}
????#nav?div{
????????width:300px;
????????margin-left:6px;
????????padding:6px?10px?10px?10px;
????????border:1px?solid?#CCC;
????????border-top:2px?solid?#CCA;
????????height:120px;
????????line-height:28px;
????}
????.hide{
????????display:none;
????}
</style>
????<script?type="text/javascript">
?????
????//?JS實現(xiàn)選項卡切換
????var?N=document.getElementById("nav");
????var?U=n.getElementsByTagName("ul")[0];
????var?L=U.getElementsByTagName("li");
????var?D=N.getElementsByTagName("div");
????for(var?i=0;i<li.length;i++)
????{
????????L[i].index=i;
????????L[i].onclick=function(){
????????????for(var?j=0;j<L.length;j++)
????????????{
??????????????L[j].className="";
??????????????D[j].className="hide";
????????????}
????????????this.classNmae="on";
????????????D[this.index].className="";
????????}
????}
????</script>
</head>
<body>
<!--?HTML頁面布局?-->
<div?id="nav">
????<ul>
????????<li>房產(chǎn)</li>
????????<li>家居</li>
????????<li>二手房</li>
????</ul>
????<div>
?????275萬購昌平鄰鐵三居?總價20萬買一居<br?/>
?????200萬內(nèi)購五環(huán)三居?140萬安家東三環(huán)<br?/>
?????北京首現(xiàn)零首付樓盤?53萬購東5環(huán)50平<br?/>
?????京樓盤直降5000?中信府?公園樓王現(xiàn)房<br?/>
????</div>
????<div?>
?????40平出租屋大改造?美少女的混搭小窩<br?/>
?????經(jīng)典清新簡歐愛家?90平老房煥發(fā)新生<br?/>
?????新中式的酷色溫情?66平撞色活潑家居<br?/>
?????瓷磚就像選好老婆?衛(wèi)生間煙道的設(shè)計<br?/>
????</div>
????<div>
?????通州豪華3居260萬?二環(huán)稀缺2居250w甩<br?/>
?????西3環(huán)通透2居290萬?130萬2居限量搶購<br?/>
?????黃城根小學(xué)學(xué)區(qū)僅260萬?121平70萬拋!<br?/>
?????獨家別墅280萬?蘇州橋2居優(yōu)惠價248萬<br?/>
????</div>
</div>
?
</body>
</html>
