-
js实现下拉菜单查看全部
-
js实现的伸缩菜单水平方向查看全部
-
水平导航查看全部
-
display:block;生成块； text-indent:20px;文字缩进20px；查看全部
-
需要再看看查看全部
-
菜单<li>浮动后，<li>脱离文档流，导致<ul>将失去高度和宽度；如果需要对<ul>进行整体背景设置，首先要给<ul>定义宽、高。查看全部
-
垂直菜单转变成水平菜单---float:left, text-align:center查看全部
-
水平菜单查看全部
-
垂直菜单查看全部
-
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)查看全部
-
list.style:none消除圆点查看全部
-
水平菜单的制作只需要将<li>设置向左浮动即可查看全部
-
将元素设置为块display:block; 是为了能够给元素设置宽，高，背景等，使他拥有块级元素的属性。 a:hover指当鼠标滑过连接时产生的变化。查看全部
-
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) } } } }查看全部
-
水平方向伸缩菜单制作--jquery实现 <script type="text/javascript" src="*****js/jquery-1.2.6.min.js"></script> <script> $(function(){ $(a).hover( function(){ $(this).animate({"width":"160px"}.300); } function(){ $(this).animate({"width":"120px"}.300); } ) }) </script>查看全部
举报
0/150
提交
取消