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

求教育 这里的取消冒泡应该怎么写 这样写出来的不管用哇

window.onload=function(){
    var aLi=document.getElementsByTagName('li');

    for(var i=0; i<aLi.length; i++){
        aLi[i].onmouseover=function(event){    
        var event = event || window.event
        if(event.stopPropagation){
            event.stopPropagation();}
        else{event.cancelBubble = true;};
        var aNav = this.getElementsByTagName('ul');    
        var animate = setInterval(function(){

            aNav[0].style.height = aNav[0].offsetHeight + 5 + "px";
            if(aNav[0].offsetHeight >= 120){
            clearInterval(animate);
            }    
            },10);

    
        }
        
        aLi[i].onmouseout=function(){
        var aNav = this.getElementsByTagName("ul")[0];
        aNav.style.height = 0;
        }
        
        
    }
}
</script>

求教育。这样并不管用哇

正在回答

3 回答

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

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

            oSubNav.style.height='0px';      

      }


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

var event = event || window.event少了个分号

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

主流浏览器如:chrome等是event.stoppropagation()方法;,IE中是cancleBubble()属性。

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

举报

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

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

进入课程

求教育 这里的取消冒泡应该怎么写 这样写出来的不管用哇

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