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

​ var This=oSubNav; clearInterval(This.time);出现2次,不知有何用,不加又bug,加了不理解

 clearInterval(This.time);出现2次,不知有何用,不加又bug,加了不理解,onousevoer里的This.time在onmouseout里也能调用?  求解,研究半天了

<script>

window.onload=function(){

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

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

  aLi[i].onmouseover=function(){

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

            if(oSubNav){

            var This=oSubNav;

            clearInterval(This.time);

            This.time=setInterval(function(){

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

                    if(This.offsetHeight>=120)

                    clearInterval(This.time);

alert(This.time);

                },30)

             }

          }

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

aLi[i].onmouseout=function(){

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

            if(oSubNav){

            var This=oSubNav;

            clearInterval(This.time);

            This.time=setInterval(function(){

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

                    if(This.offsetHeight<=0)

                    clearInterval(This.time);

 

                },30)

             }

          }

}

}

</script>


正在回答

1 回答

给一下完整代码。

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

幻影af 提问者

代码已贴
2015-11-10 回复 有任何疑惑可以回复我~
#2

李晓健 回复 幻影af 提问者

调2次取消是因为,在鼠标移入或移出时要先取消一次定时,然后启动下一次定时,第二次是动画完成了,也需要取消定时。所以就会调2次了。 因为This 是指向oSubNav 他是全局的,所以就都可以调了
2015-11-10 回复 有任何疑惑可以回复我~
#3

幻影af 提问者

非常感谢!
2015-11-12 回复 有任何疑惑可以回复我~

举报

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

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

进入课程

​ var This=oSubNav; clearInterval(This.time);出现2次,不知有何用,不加又bug,加了不理解

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