为了账号安全,请及时绑定邮箱和手机立即绑定

把鼠标放到二级菜单里的‘li’就会出现报错?

<script>
window.onload=function(){
    var aLi=document.getElementsByTagName('li');   
    for(var i=0; i<aLi.length; i++){
       aLi[i].onmouseover=function(){
            var This=this;
             var subnav=This.getElementsByTagName('ul')[0];
            This.time=setInterval(function(){ 
                if(subnav.offsetHeight>=120){
                    subnav.style.height=120+'px';
                    clearInterval(This.time);   
                }
                subnav.style.height=subnav.offsetHeight+12+"px";
                   
                }
                ,
                30)
        }
        //鼠标离开菜单,二级菜单动画收缩起来。        
        aLi[i].onmouseout=function(){
            var This=this;
             var subnav=This.getElementsByTagName('ul')[0];
            This.time=setInterval(function(){ 
                if(subnav.offsetHeight<=0){
                    subnav.style.height=0+'px';
                    clearInterval(This.time);   
                }
                subnav.style.height=subnav.offsetHeight-12+"px";
                }
                ,
                30)
        }     
    }
}
</script>


正在回答

2 回答

点开第一个li之后二级菜单出来,在二级菜单未收缩回来时,将鼠标移动到第二个li,第一个li的二级菜单不会继续收缩


0 回复 有任何疑惑可以回复我~

少一步clearInterval(This.time);

在开始之前加一句 

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
导航条菜单的制作
  • 参与学习       123899    人
  • 解答问题       813    个

水平、垂直、圆角导航条菜单,让您的技术探索之路更高效

进入课程

把鼠标放到二级菜单里的‘li’就会出现报错?

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信