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

无法弹出二级菜单


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);

                    }

                 },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)

            

            

            

            

            

            

            

}

}

}



正在回答

1 回答

如果我没有数错的话,你在代码的最后少了一个"}"反括号,加上即可,除此之外 This.style.height = this.offsetHeight + 16 +"px";中的this应为oSubNav也就是var中的This,下同。 附代码:

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);}
                },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)
            
            
            
            
            
            
		    }
		
         }	
	}
}


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

曾老爷子 提问者

昨天我发现是This写成this的时候是奔溃的
2016-09-20 回复 有任何疑惑可以回复我~

举报

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

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

进入课程

无法弹出二级菜单

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