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

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

导航条菜单的制作

最热最新

伟大的康康3374170

基本的样式清除： *{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-10-09
拾荒2017

基本的样式清除： *{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-10-09
谢小婷

<script> 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) } } } </script>

查看全部

0 采集收起来源：编程练习
2018-03-22
谢小婷

可重复观看

查看全部

0 采集收起来源：伸缩菜单的制作——水平方向
2016-10-08
谢小婷

margin可以用负值，向相反方向移动

查看全部

0 采集收起来源：伸缩菜单的制作——改变高度
2016-10-08
谢小婷

圆角的背景靠图片弄上去的

查看全部

0 采集收起来源：圆角菜单的制作
2016-10-08
谢小婷

样式清除：margin:0;padding:0; ul的样式清除：list-style:none; margin-bottom:1px;之间的间隔 text-indent:10px;文字的缩进

查看全部

0 采集收起来源：垂直菜单的制作
2016-10-08
othershore3949542

基本的样式清除： *{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-10-08
XuYanci 00:05

表示很简单

查看全部

0 采集收起来源：总结
2016-10-07
小灰灰4068965

基本的样式清除： *{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-10-07
晓峰123

基本的样式清除： *{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-10-05
自由洛梦

<a> 这个标签构建导航条菜单使用比较少

查看全部

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

基本的样式清除： *{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-10-04
慕瓜9170261

list-style:none 清楚ul或ol列表中li标签前面的项目符号 text-decoration:none 清除下划线 text-decoration:line-through 添加删除线 text-indent:2em 设置文本缩进为字号的2倍 a:hover{} 定义鼠标滑过时的链接颜色

查看全部

0 采集收起来源：垂直菜单的制作
2016-10-04
朝夕ing 03:14

背景图片上面白下面红，选中时图片下移

查看全部

0 采集收起来源：圆角菜单的制作
2016-10-03