-
a标签设置为块状元素--才可以定义宽和高:a{display:block;} a.hover(hover选择器:选择鼠标指针位于其上的链接) 基本的样式清除: *{margin:0;padding:0;} 无序列表圆点去除: ul{list-style:none;} 下划线去除: a{text-decoration:none;} 文本缩进标签: text-indent 不会影响总体宽度(padding会)查看全部
-
关于juery伸缩的部分,往后再回过头来看。查看全部
-
导航条菜单的制作: 还不懂 制作动画二级菜单 要求: 1.鼠标经过一级菜单,二级菜单动画下拉显示出来; 2.鼠标离开菜单,二级菜单动画收缩起来。查看全部
-
伸缩菜单的制作——水平方向 要回顾 js设置动态水平伸缩菜单 1.offsetWidth属性可以返回对象的padding+border+width属性值之和,style.width返回值就是定义的width属性值。 2.offsetWidth属性仅是可读属性,而style.width是可读写的。 3.offsetWidth属性返回值是整数,而style.width的返回值是字符串。 4.style.width仅能返回以style方式定义的内部样式表的width属性值。查看全部
-
伸缩菜单的制作——改变高度 a.on, a:hover{ color:#fff;background-color:#F60;height:40px; line-height:40px;margin-top:-10px;}设置导航栏点击或hover时向上伸展查看全部
-
圆角水平菜单的制作: border-radius:15px 15px 0 0;查看全部
-
如果要给水平菜单增加整体背景,需要对ul进行宽度和高度的定义: 菜单<li>浮动后,<li>脱离文档流,导致<ul>将失去高度和宽度;如果需要对<ul>进行整体背景设置,首先要给<ul>定义宽和高。查看全部
-
通过背景改变外观。通过a:hover,为菜单添加交互效果。查看全部
-
水平导航制作:查看全部
-
ul li默认是垂直居中。 水平菜单制作,不限制ul的宽度,给li设置为向左浮动即可。查看全部
-
垂直导航栏的制作:查看全部
-
a标签的设置: ul li a{display:block} 定义的关键是将a标签设置为块元素 可以定义宽和高查看全部
-
菜单练习查看全部
-
全局变量查看全部
-
立个Flag:这里有使用JS实现导航栏的动态变宽效果查看全部
举报
0/150
提交
取消