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

做出来二级菜单会出现闪烁延迟现象,是怎么回事?

</style>

<script>

window.onload=function(){

    var aLi=document.getElementsByTagName('li');

for(var i=0; i<aLi.length; i++){

aLi[i].onmouseover=function(){

            //鼠标经过一级菜单,二级菜单动画下拉显示出来

       var sub=this.getElementsByTagName('ul')[0];

            if(sub){

                var This=sub;

                clearInterval(This.time);

                This.time=setInterval(function(){

                    This.style.height=This.offsetHeight+16+"px";

                if(This.offsetHeight>=120){

                    clearInterval(This.time);

                }

                },30);

            }

}

        //鼠标离开菜单,二级菜单动画收缩起来。

aLi[i].onmouseout=function(){

var sub=this.getElementsByTagName('ul')[0]; 

            if(sub){  

                This=sub;

                clearInterval(This.time);

                This.time=setInterval(function(){

                    This.style.height=This.offsetHeight-16+"px";

                    if(This.offsetHeight<0){

                        This.offsetHeight="0 px";

                        clearInterval(This.time);

                    }

                },30);

            }          

}

}

}

</script>


正在回答

2 回答

This=sub;

鼠标离开事件中这句,少了个声明 var This=sub;

我试了下加上应该就好了,但不太明白为什么。

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

不太明白

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

举报

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

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

进入课程

做出来二级菜单会出现闪烁延迟现象,是怎么回事?

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