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

导航条菜单的制作

江老实 Web前端工程师
难度初级
时长23分
学习人数
综合评分9.53
1004人评价 查看评价
9.8 内容实用
9.4 简洁易懂
9.4 逻辑清晰
本节如果把鼠标快速的滑来滑去,会出现闪烁bug,这是两个函数同时执行产生的。解决办法就是var This=this;这段后面都加上clearInterval(This.time);这样每次都会先执行清除代码;
最主要的是利用a标签的hover属性,所以先将a标签设置为块状标签
我会回来的。等着 哼
老师的方法是设置//采用鼠标划过时,菜单背景图片才垂直上升30px的方法改变背景
//如果用border-radius:10px 10px 0 0;连图片都不用做了;
nice work.

最新回答 / 李羊羊
<a>标签的宽度设置成960/5啊

最新回答 / betterl
<...code...><...code...>这是代码。。。
。。。玛德枝杖。。。这不是跳着讲吗
等等,我先学了js再来做这个吧,呜呜呜
text-align:center比文本缩进好理解吧,一般都是居中显示

最赞回答 / 一只特立独行的doge
ul高度是50px,li高度是30px,这用margin-top:20px;把ul里面的li标签向下移动20px,就是li标签的顶部和ul标签的顶部距离为20px,这样li本来就有30px的高度,加起来刚好为50px。选项和下面的边框就刚好接触在一起了,看起来就像一体的。(表达有限,不知道算不算说清楚了)

最新回答 / 慕仙9590799
不太理解
为什么不能直接定义&lt;ul〉???
还要分开定我&lt;li&gt;&lt;a&gt;?
水平居中不是可以用text-align: center吗,这个更方便啊
1.offsetWidth属性可以返回对象的padding+border+width属性值之和,style.width返回值就是定义的width属性值。

2.offsetWidth属性仅是可读属性,而style.width是可读写的。
3.offsetWidth属性返回值是整数,而style.width的返回值是字符串。
4.style.width仅能返回以style方式定义的内部样式表的width属性值。
课程须知
1.熟悉html知识,尤其对<ul>和<a>比较熟悉; 2.对css样式比较了解; 3.掌握JavaScript和jQuery基础知识。
老师告诉你能学到什么?
轻松制作出各种形式的网站导航条菜单

微信扫码,参与3人拼团

微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

友情提示:

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消