<script type="text/javascript"> window.onload=function(){ var abc=document.getElementsByTagName("li"); for(var i=0;i<abc.length;i++){ abc[i].index=i; abc[i].onmouseover=function(){ for(var j=0;j<abc.length;j++){ document.getElementById("content-"+j).style.display="none"; abc[j].className=""; } document.getElementById("content-"+this.index).style.display="block"; abc[this.index].className="cur"; } } } </script><body><div id="tab"> <ul> <li class="cur">tab1</li> <li>tab2</li> <li>tab3</li> </ul> <div id="c-box"> <div class="content" id="content-0"> 这是第一个容器的内容 </div> <div class="content" id="content-1" style="display:none;"> 这是第二个容器的内容 </div> </div> <div class="content" id="content-2" style="display:none;"> 这是第三个容器的内容 </div> </div></div>
添加回答
举报
0/150
提交
取消