<html><head><meta charset="utf-8"><style type="text/css">*{margin:0px;padding:0px;font:12px normal "microsoft yahei"}.tabs{margin-left:25px;margin-top:25px;}.tabs ul{display:block;height:30px;line-height:30px;}.tabs ul li{list-style:none;display:inline-block;float:left;cursor:pointer;margin:0px 3px;width:60px;height:29px;line-height:29px;border:1px solid black;text-align:center;border-bottom:none;}.tabs div{width:283px;height:125px;line-height:25px;padding-left:5px;padding-top:5px;border:1px solid darkblue;border-top:2px solid brown;}.tabs ul .on{border-bottom:2px solid white;}.hide{display:none;}</style><script type="text/javascript">window.onload=function(){ var tabs=document.getElementsByClassName("tabs")[0]; var uls=tabs.getElementsByTagName("ul")[0]; var lists=uls.getElementsByTagName("li"); var divs=tabs.getElementsByTagName("div"); for(var i=0,len=lists.length;i<len;i++){ list[i].index=i; lists[i].onclick=function(){ for(var n=0;n<len;n++){ lists[n].className=''; divs[n].className='hide'; } this.className="on"; divs[this.index].className=''; }; } };</script></head><body><div class="tabs"> <ul>? ? <li class="on">房產(chǎn)</li>? ? <li>家居</li>? ? <li>二手房</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>
js進(jìn)階10-1編程挑戰(zhàn)，切換始終不行，眼睛看瞎了也沒(méi)找出來(lái)錯(cuò)-_-!
慕粉18221508921
2016-10-30 22:21:13
