<html?xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta?http-equiv="Content-Type"?content="text/html;?charset=gb2312"?/>
<title>導(dǎo)航</title>
<style?type="text/css">
*{margin:0;padding:0;font:15px?"新宋體";}
#tabs{width:70%;margin:0?auto?0}
ul{list-style:none;height:50px;border-bottom:#F60?solid?5px;padding-left:50px}
li{float:left;margin-top:20px}
a{text-decoration:none;display:block;width:120px;line-height:30px;text-align:center;background-color:#CCCCCC;margin:0?8px?1px?0;}
.on{background-color:#F60;color:#FFFFFF;height:40px;margin-top:-10px;line-height:40px}
#tabs?div{height:120px;line-height:30px;border:#F60?solid?1px;padding:25px;border-top:none;}
.hide{display:none;}
</style>
<script?type="text/javascript">
window.onload=function(){
var?otab?=?document.getElementById("tabs");
var?oul?=?document.getElementByTagName("ul")[0];
document.write("11111");
var?olis?=?document.getElementByTagName("li");
var?odivs?=?document.getElementByTagName("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";
odivs[this.index].className="";
}
};
}
</script>
</head>
<body>
<div?id="tabs">
<ul>
<li><a?class="on"?href="#">房產(chǎn)</a></li>
<li><a?href="#">家居</a></li>
<li><a?href="#">二手房</a></li>
</ul>
<div>
275萬(wàn)購(gòu)昌平鄰鐵三居?總價(jià)20萬(wàn)買(mǎi)一居<br>
200萬(wàn)內(nèi)購(gòu)五環(huán)三居?140萬(wàn)安家東三環(huán)<br/>
北京首現(xiàn)零首付樓盤(pán)?53萬(wàn)購(gòu)東5環(huán)50平<br/>
京樓盤(pán)直降5000?中信府?公園樓王現(xiàn)房<br/>
</div>
<div?class="hide">
?40平出租屋大改造?美少女的混搭小窩<br/>
?經(jīng)典清新簡(jiǎn)歐愛(ài)家?90平老房煥發(fā)新生<br/>
?新中式的酷色溫情?66平撞色活潑家居<br/>
?瓷磚就像選好老婆?衛(wèi)生間煙道的設(shè)計(jì)<br/>
</div>
<div?class="hide">
?通州豪華3居260萬(wàn)?二環(huán)稀缺2居250w甩<br/>
?西3環(huán)通透2居290萬(wàn)?130萬(wàn)2居限量搶購(gòu)<br/>
?黃城根小學(xué)學(xué)區(qū)僅260萬(wàn)?121平70萬(wàn)拋!<br/>
?獨(dú)家別墅280萬(wàn)?蘇州橋2居優(yōu)惠價(jià)248萬(wàn)<br/>
</div>
</div>
</body>
</html>
2016-02-20
1.如果你是亂碼的話(huà)，meta標(biāo)簽 charset=utf-8
2.getElementsByTagName中間是s，除了通過(guò)id只能得到一個(gè)，其他的都是得到一組，所以是Elements
3.var odivs = document.getElementsByTagName("div"); 你這里是把所有的div都找到了，再看下你的html結(jié)構(gòu)……你把tabs都隱藏了，你可以命個(gè)名，給下面三個(gè)div一個(gè)name，通過(guò)name來(lái)找
4.這些解決了，你再自己去調(diào)你的樣式吧