猿问

本来应该显示第二个效果 但是在浏览器中却只能显示第一个效果 请大神解答什么地方出现了问题

<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>

http://img.mukewang.com/566c2e0d0001994304260077.jpg

qq_光明_5
浏览 1428回答 1
1回答

李晓健

你的css样式呢,是没有写的,还是写了没有帖出来。如果是写了没有帖出来就帖出来看一下。
随时随地看视频慕课网APP
我要回答