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

为什么我这个代码的效果显示不出来?我要显示的是鼠标经过选项出现下拉菜单栏!求大神提点!!!

为什么我这个代码的效果显示不出来?我要显示的是鼠标经过选项出现下拉菜单栏!求大神提点!!!

小曦曦曦 2016-06-14 15:36:09
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>动画菜单</title><style type="text/css">* { margin: 0; padding: 0; font-size: 14px; }a { color: #333; text-decoration: none }ul{ list-style: none; }.nav {height: 30px; border-bottom: 5px solid #F60; margin-left:50px; width:600px;}.nav li { float: left; position:relative; height:30px; width:120px }.nav li a { display: block; height: 30px; text-align: center; line-height: 30px; width:120px; background: #efefef; margin-left: 1px; }.subNav{ position:absolute; top:30px; left:0; width:120px; height:0; overflow:hidden}.subNav li a{ background:#ddd }.subNav li a:hover{ background:#efefef}</style><script>/*window.onload=function(){     var aLi=document.getElementsByTagName('li'); for(var i=0; i<aLi.length; i++){ aLi[i].onmouseover=function(){            //鼠标经过一级菜单,二级菜单动画下拉显示出来              var This=this.getElementsByTagName('ul')[0];        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 This=this.getElementsByTagName('ul')[0]; clearInterval(This.time);            This.time = setInterval(function(){                This.style.height=This.offsetHeight-16+"px";                if(This.offsetHeight<=0){                    clearInterval(This.time);                }            },30)             } }}*/window.onload=function(){ var aLi=document.getElementsByTagName("li"); for(var i=0;i<aLi.length;i++){ aLi[i].onmouseover=function(){ //鼠标经过一级菜单,二级菜单动画下拉显示出来   var aUl=aLi[i].getElementsByTagName("ul")[0];   aUl.style.display="block"; } aLi[i].onmouseout=function(){   //鼠标离开菜单,二级菜单动画收缩起来   var aUl=aLi[i].getElementsByTagName("ul")[0];   aUl.style.display="none"; } } }</script></head><body><ul class="nav">    <li><a href="#">一级菜单</a>    <ul class="subNav">        <li><a href="#">二级菜单</a></li>            <li><a href="#">二级菜单</a></li>            <li><a href="#">二级菜单</a></li>            <li><a href="#">二级菜单</a></li>        </ul>    </li>    <li><a href="#">一级菜单</a>    <ul class="subNav">        <li><a href="#">二级菜单</a></li>            <li><a href="#">二级菜单</a></li>            <li><a href="#">二级菜单</a></li>            <li><a href="#">二级菜单</a></li>        </ul>    </li>    <li><a href="#">一级菜单</a></li>    <li><a href="#">一级菜单</a></li>    <li><a href="#">一级菜单</a></li></ul></body></html>
查看完整描述

3 回答

?
刚毅87

TA贡献345条经验 获得超309个赞

你的错误我都在注释里给你写出来了,你可以参考一下

查看完整回答
反对 回复 2016-06-14
?
小曦曦曦

TA贡献2条经验 获得超3个赞

/* */之间的内容不用看,我忘记删了就贴上来了QAQ

查看完整回答
反对 回复 2016-06-14
  • 3 回答
  • 0 关注
  • 1755 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信