导航条菜单的制作_学习笔记

首页免费课导航条菜单的制作笔记

导航条菜单的制作

最热最新

sjfhasfkhasl

ul{list-style:none}去掉圆点 a{text-decoration：none}去掉下划线

查看全部

0 采集收起来源：垂直菜单的制作
2016-03-30
xinzui

var aLi=document.getElementsByTagName('li'); for(var i=0; i<aLi.length; i++){ aLi[i].onmouseover=function(){ //鼠标经过一级菜单，二级菜单动画下拉显示出来 var onsubNav=this.getElementsByTagName('ul')[0]; if(onsubNav){ var This=onsubNav; 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 onsubNav=this.getElementsByTagName('ul')[0]; if(onsubNav){ var This=onsubNav; clearInterval(This.time); This.time=setInterval(function(){ This.style.height=This.offsetHeight-16+"px"; if(This.offsetHeight<=0) clearInterval(This.time); },30) } } } }

查看全部

0 采集收起来源：编程挑战
2018-03-22
xinzui

window.onload=function(){ var aA=document.getElementsByTagName('a'); for(var i=0; i<aA.length; i++){ aA[i].onmouseover=function(){ //鼠标经过时，菜单水平伸缩 var This=this; clearInterval(This.time); This.time=setInterval(function(){ This.style.width=This.offsetWidth+8+"px"; if(This.offsetWidth>=160) clearInterval(This.time); },30) } aA[i].onmouseout=function(){ clearInterval(this.time); var This=this; this.time=setInterval(function(){ This.style.width=This.offsetWidth-8+"px"; if(This.offsetWidth<=120){ This.style.width='120px'; clearInterval(This.time); } },30) } } }

查看全部

0 采集收起来源：编程练习
2018-03-22
weibo_幸福长大了_0

indow.onload=function(){ var aLi=document.getElementsByTagName('li'); for(var i=0; i<aLi.length; i++){ aLi[i].onmouseover=function(){ //鼠标经过一级菜单，二级菜单动画下拉显示出来 var aul=this.getElementsByTagName("ul")[0]; if(aul){ var This=aul; clearInterval(This.time); This.time=setInterval(function(){ This.style.height=This.offsetHeight+16+"px"; if(This.offsetHeight>=120){ clearInterval(This.time); } },30); } }

查看全部

0 采集收起来源：编程挑战
2018-03-22
gongziguang

<标签的设置> ul li a{display:block} 定义的关键是将<a>标签变成块元素

查看全部

0 采集收起来源：垂直菜单的制作
2018-03-22
合金尼克钛

不会！！！！！！！

查看全部

0 采集收起来源：编程挑战
2016-03-30
wtoo 02:06

向上高度改变用margin负值

查看全部

0 采集收起来源：总结
2016-03-30
wtoo 00:42

用无序列表构件菜单

查看全部

0 采集收起来源：总结
2016-03-30
米夕

margin-top用负值

查看全部

0 采集收起来源：编程挑战
2016-03-29
麦迪文

这个不会线留着

查看全部

0 采集收起来源：编程练习
2016-03-29
王梓杨

margin-top：-10px；

查看全部

0 采集收起来源：编程练习
2016-03-29
王梓杨

background-posiyion：0 30px；

查看全部

0 采集收起来源：编程练习
2016-03-29
王梓杨

float：left；

查看全部

0 采集收起来源：编程练习
2016-03-29
王梓杨

display：biock； text-indent：20px；

查看全部

0 采集收起来源：编程练习
2016-03-29
qq_多年后_2

注意此时的ul是不可以加宽度的，加了也必须是大宽度

查看全部

0 采集收起来源：编程练习
2016-03-29