本文实例讲述了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程序设计有所帮助。