为了账号安全,请及时绑定邮箱和手机立即绑定

导航条菜单的制作

江老实 Web前端工程师
难度初级
时长23分
学习人数
综合评分9.53
1004人评价 查看评价
9.8 内容实用
9.4 简洁易懂
9.4 逻辑清晰

最赞回答 / 芳芳14
0代表的是水平方向没有任何移动,-30代表的是垂直方向向下移动30px,如果是30px,没有“-”,那就是向上移动30px了,这个背景图片移动的参照物是图片本身所在的块

最赞回答 / 自由的气息
没有去掉啊,我记得是a标签的宽度是100px,然后改成了120px。

最新回答 / 一地幽兰
background-position中的“0”表示背景开始的位置相对元素容器的左侧即水平方向的距离为0px,“-30px”则是垂直方向上相对于元素容器顶部向上移动了30px,如果是正数则是向下移动

最新回答 / 慕姐5546343
我感觉想要li里面的元素垂直居中要设置两个属性,height,line-height,且连个属性值应该一样

已采纳回答 / 慕勒1360961
表示负数的都向上,要是正的就往下,把图片向上移动30像素,然后就成橙色背景了,我是这样理解得

最赞回答 / 森浓不绿0
因为在前面还设置了ul的整体高度啊,整体就这么高,li就只能在一列啦

最新回答 / qq_饭炒蛋_2
应该是乱码了吧,你可以把charset=utf-8改成charset=gb2312试试

已采纳回答 / qq_左下_1
普通判空作用,防止取到的onSubNav值为undefine空的情况,避免JS解释器报错,浏览器挂掉。

最新回答 / 正能量加1
li设置成内联元素,变成一行,display:inline;然后a元素设置为行内块元素(才设置宽度、高度等块属性)display:inline-block;然后设置父元素ul或div居中text-align:center;

最新回答 / Robert_Langdon
注意到这个没有        .on,a:hover{            background-color: #f60;            color: #fff;        }

最新回答 / 从何说起_
为a标签加一个效果 就是刚才所讲的鼠标经过时会整体放大的效果 另外在你鼠标放置时文字的颜色发生改变以及背景发生改变都是这个css样式定义的

最赞回答 / 渐几于道
This.offsetwidth改成This.offsetWidth,注意大小写啊

最赞回答 / 倀空
咦......好像说错了,你那个背景图像没问题。如果只是想要有圆角,教你用CS3里的的一个圆角标签<...code...>也可以就这么直接设置a标签的样式

最新回答 / 小生怕怕
首先这是一个鼠标放上去触发的一个事件,所以当触发的时候就会执行第一个清除定时器来清除之前的定时器,第二个定时器是在当他的宽度小于120px时,就会触发第二个清除定时器。
课程须知
1.熟悉html知识,尤其对<ul>和<a>比较熟悉; 2.对css样式比较了解; 3.掌握JavaScript和jQuery基础知识。
老师告诉你能学到什么?
轻松制作出各种形式的网站导航条菜单

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消