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

导航条菜单的制作

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

已采纳回答 / 东方既白233
一、overflow:hidden不是隐藏的意思,而是定义边框盒子里面的内容要是超出边框,就在自动裁减掉溢出的部分,二、height等于零也不等于隐藏,隐藏是要设置display:none; 不显示,但是他本身还是在文档流的那个位置,还是有占据空间的,那个height等于0就是没有了,效果相当于隐藏,但是不在文档流占据空间位置。

已采纳回答 / 安妮的奇幻仙境
可以这么去理解,我们的a标签设置为块状了(display:block),然后我们的margin是是作用于a标签的,也就是说,在a的上或者下添加一个边距,用的是top的时候,改变的是上边距,用的bottom改变的是下边距。你自己写的时候可以吧两种都尝试一下,就能看出来区别了

已采纳回答 / 田心枫
不用管 或者换成h5

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

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

已采纳回答 / 徐佩里翁
offsetWidth 应该是设置a标签的宽度。This.style.width=This.offsetWidth+8+"px";   /*当鼠标点击的时,宽度增加8个像素*/ if(This.offsetWidth>=160)        /*宽度最大增加到160.即宽度到达160时,停止增加*/ clearInterval(This.time);        /*清除计时器*/我简单加了注释,希望能帮到你。

已采纳回答 / jinphic
可以的,css有专门动画转换的语法

已采纳回答 / 加咖啡喵
可能是你的高度设置的问题  视频中ul是50px,a是30px所以会有20px的距离 再设置li的margin-top=20px,就刚好在导航下方了

已采纳回答 / 慕粉3914370
增加的是offsetWidth属性,offsetWidth = width + padding + border

已采纳回答 / 学习改变再出发
background-position:第一个值是水平位置 第二个值是垂直位置。

已采纳回答 / 慕沐0441247
.offsetWidth属性仅是可读属性,而style.width是可读写的。

已采纳回答 / 慕粉1022337361
把a标签里的padding拿掉。清除动画里的是this.time不是this.timer。

已采纳回答 / 小白_0001
对,他的这个作业就是这个例子
课程须知
1.熟悉html知识,尤其对<ul>和<a>比较熟悉; 2.对css样式比较了解; 3.掌握JavaScript和jQuery基础知识。
老师告诉你能学到什么?
轻松制作出各种形式的网站导航条菜单

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消