<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>
本來應該顯示第二個效果 但是在瀏覽器中卻只能顯示第一個效果 請大神解答什么地方出現了問題
qq_光明_5
2015-12-12 22:26:41
