本来应该显示第二个效果 但是在浏览器中却只能显示第一个效果 请大神解答什么地方出现了问题
<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_光明_51回答
-
李晓健
你的css样式呢，是没有写的，还是写了没有帖出来。如果是写了没有帖出来就帖出来看一下。
随时随地看视频慕课网APP
Html/CSS
JavaScript
JQuery