代码请看下面,我这个是看了课本的案例后,仿着写的,后面对比了好几遍,
都没差异的,但是就是不能解决问题。只能点第三个才出现,点前两个不出现。
还请不要介绍奇特方法,其他方法我已实现,只是这个是课本上的原句,我实在不解为何
不行,还请懂得朋友给予解答。
<ul id="ul_1">
<li class="li_yi" onmouseover="forErji(0);"><a href="http://www.baidu.com" target="_blank" >百度</a></li>
<li class="li_yi" onmouseover="forErji(1);"><a href="http://www.sina.com" target="_blank" >新浪</a></li>
<li class="li_yi" onmouseover="forErji(2);"><a href="http://www.sohu.com" target="_blank" >搜狐</a></li>
<li class="li_yi"><a href="http://www.jd.com" target="_blank">京东</a></li>
<li class="li_yi"><a href="http://www.suning.com" target="_blank">苏宁</a></li>
</ul>
<script type="text/javascript">
var temp=document.getElementsByClassName("er_div")
function forErji(num)
{
var i=0;
while(i<=2){
if (i==num) {temp[num].style.display="block";}
else{temp[num].style.display="none";}
i++;
}
}
</script>
我只写了前三个有二级菜单,但是现在由于这个while循环的存在(改成for循环也不行),只有点第三个一级菜单新浪才出现,点前两个一级菜单是没反应的