<!DOCTYPE html><html><head>? ? <meta charset="UTF-8">? ? <title>實踐題 - 選項卡</title>? ? <style type="text/css">? ? ?/* CSS樣式制作 */ ?? ? *{list-style:none;}? ? a{color:black;text-decoration:none;outline:none;}? ? li{float:left;text-align:center;margin-right:10px;line-height:30px;background:white;}? ? .clear{clear:both;}? ? .list{width:60px;border:3px solid red;}? ? #main div{border:1px solid blue;line-height:2;}? ? #main{width:500px;height:700px;}? ? .list:hover{cursor:pointer;}? ? .blo{display:block;}? ? .hide{display:none;}? ? </style>? ? <script type="text/javascript">? ? ? ?window.onload=function(){? ? ? ?var list=document.getElementsByName('content');? ? ? ?//document.write(list.length);? ? ? ?var li=document.getElementsByClassName('list');? ? ? ?//document.write(li.length);? ? ? ?//for(var i=0;i<3;i++)? ? ? // {? ? ? ? ? ?li[0].onclick=function() {? ? ? ? ? ? ? ?list[0].className='blo';? ? ? ? ? ? ? ?list[(0+1)%3].className='hide';? ? ? ? ? ? ? ?list[(0+2)%3].className='hide';? ? ? ? ? ?}? ? ? ? ? ?li[1].onclick=function() {? ? ? ? ? ? ? ?list[1].className='blo';? ? ? ? ? ? ? ?list[(1+1)%3].className='hide';? ? ? ? ? ? ? ?list[(1+2)%3].className='hide';? ? ? ? ? ?}? ? ? ? ? ?li[2].onclick=function() {? ? ? ? ? ? ? ?list[2].className='blo';? ? ? ? ? ? ? ?list[(2+1)%3].className='hide';? ? ? ? ? ? ? ?list[(2+2)%3].className='hide';? ? ? ? ? ?}? ? ? ?//}? ? ? ?? ? ? ?? ? ?}? ? ? ?? ? // JS實現選項卡切換? ??? ??? ? </script>?</head><body><!-- HTML頁面布局 --><ul><li><a href="#"><div>房產</div></a></li><li><a href="#"><div>家居</div></a></li><li><a href="#"><div>二手房</div></a></li></ul><div></div><div id="main"><div name="content">? ? 275萬購昌平鄰鐵三居 總價20萬買一居</br>? ? 200萬內購五環三居 140萬安家東三環</br>? ? 北京首現零首付樓盤 53萬購東5環50平</br>? ? 京樓盤直降5000 中信府 公園樓王現房?</div><div name="content">? ? ?40平出租屋大改造 美少女的混搭小窩</br>? ? ?經典清新簡歐愛家 90平老房煥發新生</br>? ? ?新中式的酷色溫情 66平撞色活潑家居</br>? ? ?瓷磚就像選好老婆 衛生間煙道的設計 ?</div><div name="content">? ? 通州豪華3居260萬 二環稀缺2居250w甩</br>? ? ?西3環通透2居290萬 130萬2居限量搶購</br>? ? ?黃城根小學學區僅260萬 121平70萬拋!</br>? ? ?獨家別墅280萬 蘇州橋2居優惠價248萬?</div></div>?</body></html>
為什么js的最后部分換成for循環就不行了，分開寫又可以
BlueWeekend
2016-02-28 17:01:45
