本文實例講述了javascript的tab切換原理與效果實作方法。分享給大家供大家參考。 具體實作方法如下： 複製程式碼 程式碼如下: <br /> #container{border:solid 1px green;width:300px;height:300px;}<br /> li{float:left;margin-left:20px;}<br /> p{float:left;}<br /> #sports,#military,#bbs{display:none;}<br /> <br /> function tab(pid){<br /> var ps = ['news','sports','military','bbs'];<br /> for(var i=0,len=ps.length;i<len;i ){<br /> if(ps[i] == pid){<br /> document.getElementById(ps[i]).style.display = "block";<br /> }else{<br /> document.getElementById(ps[i]).style.display = "none";<br /> }<br /> }<br /> }<br /> 新聞 體育 軍事 論壇 新聞新聞新聞新聞新聞 體育體育體育體育 軍事軍事軍事軍事軍事 論壇論壇論壇論壇論壇 希望本文所述對大家的javascript程式設計有所幫助。
