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

为什么实现不了

<script>

window.onload=function(){

var aLi=document.getElementsByName("l");


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

 aLi[i].onmouseover=function(){


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


        var aUl=this.getElementsByTagName("ul")[0];


        aUl.style.overfolw="visible";


 }


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


aLi[i].onmouseout=function(){


var aUl=this.getElementsByTagName("ul")[0];


        aUl.style.overflow="hidden";      


 }

}

}

</script>


正在回答

5 回答

我来帮找茬,哈哈,更改了三处后360浏览器和firefox都可以运行啦

(1)var aLi=document.getElementsByTagName("li"),Name和TagName定义是不一样的,一个是元素名称,一个是标签名称;

(2) aUl.style.overflow="visible"; 单词写错了哈哈哈

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

var aLi=document.getElementsByName("l"); ()里面是li吧...还有出现这个语句不行吧  aUl.style.overfolw="visible"; 还有消失语句  aUl.style.overflow="hidden"; 。如果说这样也行的话aUI.style.display="block"  出现也可以了。 aUI.style.display="none" 消失也可以了你说对吧。这里面应该是要用js的语句的offsetHeight,或者是offsetWidth才符合javaScript的语法吧,希望对你有帮助.

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

这道题写错了?

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

这是选择了所有的li元素,包括二级菜单里的li也被选上了。


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

//弹出

aLi[i].onmouseover=function(){

            var aUl = this.getElementsByTagName("ul")[0];

            var lis = aUl.getElementsByTagName("li");

            clearInterval(this.timer);

            var This = this;

            This.timer = setInterval(function(){

                    aUl.style.height = aUl.offsetHeight + 20 +"px";

                    if(aUl.offsetHeight >= 30 * lis.length) {

                    clearInterval(This.timer);   

                }

            }, 30);

};

//收回

aLi[i].onmouseout = function(){

            var aUl = this.getElementsByTagName("ul")[0];

            var lis = aUl.getElementsByTagName("li");

            clearInterval(this.timer);

            var This = this;

            This.timer = setInterval(function(){

                aUl.style.height = aUl.offsetHeight - 20 +"px";

                if(aUl.offsetHeight == 0) {

                    aUl.style.height = "0px";

                    clearInterval(This.timer);

                }

            }, 30);

}



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

因为subNav的高度在样式中被设为0

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

举报

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

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

进入课程

为什么实现不了

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