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

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

导航条菜单的制作

最热最新

xxxx3635041

li:hover ul{height:120px;} ul{transition:height 0.5s;}

查看全部

0 采集收起来源：编程挑战
2016-12-06
xxxx3635041

window.onload=function(){ var aLi=document.getElementsByTagName('li'); for(var i=0; i<aLi.length; i++){ aLi[i].onmouseover=function(){ //鼠标经过一级菜单，二级菜单动画下拉显示出来 var subNav=this.getElementsByTagName("ul")[0].style.overflow="visible"; //alert(subNav.innerHTML); } //鼠标离开菜单，二级菜单动画收缩起来。 aLi[i].onmouseout=function(){ var subNav=this.getElementsByTagName("ul")[0].style.overflow="hidden"; } } }

查看全部

3 采集收起来源：编程挑战
2018-03-22
醒目 04:35

原生js的使用，有for循环内部函数的使用。

查看全部

0 采集收起来源：伸缩菜单的制作——水平方向
2016-12-06
梦雨曦

margin-top:-10px向上移动10个像素

查看全部

0 采集收起来源：编程练习
2016-12-06
写意蓝天

a标签变成块元素

查看全部

0 采集收起来源：编程练习
2016-12-04
12点之前不睡觉

html+css基础课15-2小结中说到，当元素转化为块元素即display:bolck以后，用text-align:center不起作用，这句话本身没有任何错误，这里指的是使整个“块元素”居中不起作用，而本节视频老师用到了text:align是作用于块元素中的“文本”，而块元素本身并没有居中！

查看全部

0 采集收起来源：水平菜单的制作
2016-12-03
12点之前不睡觉

文本缩进：text-indent: n px; 空格用：  <a>标签变成块元素：display;block; 去除列表圆点：list-style:none; 去除下划线：text-decoration:none a:hover{ background-color:#F60; color:#fff}鼠标经过的文字背景颜色和字体颜色

查看全部

0 采集收起来源：编程练习
2018-03-22
方枪枪_of

浮动后，元素脱离文档流，导致元素失去高度和宽度；如果需要对元素进行整体背景设置，首先要给元素定义宽、高。

查看全部

0 采集收起来源：练习题
2016-12-03
方枪枪_of

基本的样式清除： *{margin:0;padding:0} 无序列表圆点去除： ul{list-style:none} 下划线去除： a{text-decoration:none} 文本缩进标签 text-indent 不会影响总体宽度（padding会）需要将a标签设置为块元素，才能设高宽、hover效果代码：a{display:block} hover格式 a:hover{}

查看全部

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

做个笔记

查看全部

0 采集收起来源：编程练习
2016-12-02
Testet

通过设置float中的属性可以将垂直菜单转变成水平菜单

查看全部

0 采集收起来源：练习题
2016-12-02
水墨墨心

a.on, a:hover{ color:#fff;background-color:#F60;height:40px; line-height:40px; margin-top:-10px;}

查看全部

0 采集收起来源：编程练习
2016-12-02
水墨墨心

.nav li a.on, .nav li a:hover{background-position:0 -30px; color:#fff;}

查看全部

0 采集收起来源：编程练习
2016-12-02
一米阳光土豆酱

mark

查看全部

0 采集收起来源：圆角菜单的制作
2016-12-01
慕粉2250124430

解析菜单<li>浮动后，<li>脱离文档流，导致<ul>将失去高度和宽度；如果需要对<ul>进行整体背景设置，首先要给<ul>定义宽、高。

查看全部

0 采集收起来源：练习题
2018-03-22