<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">房產</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>
js進階10-1編程挑戰，切換始終不行，眼睛看瞎了也沒找出來錯-_-!
慕粉18221508921
2016-10-30 22:21:13
