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

导航条菜单的制作

江老实 Web前端工程师
难度初级
时长23分
学习人数
综合评分9.53
1004人评价 查看评价
9.8 内容实用
9.4 简洁易懂
9.4 逻辑清晰
padding:Xpx;margin-top:-2Xpx;
使用这种方法也可以实现:鼠标经过的时候导航向上跳动,且文字垂直居中。
看了挺多评论的,好多人觉得老师讲的快了或者根本没讲清楚。
其实这么短时间的视频,能把代码码完就不错了,而且这也是中级分类下的视频,需要一定的基础。
如果看不明白,可以下载代码或者自己写一遍试试,再修改一下值来看效果,如果不清楚每个属性的作用,确实需要好好补一下基础,找一本H&C或者是网站再看一看这些属性的含义。
这一节,我也就是个JS初学者,不知道CSS3有没有上面的动画延时效果,但是我认为老师讲的这个使用JS的方法对于初学者确实是个好例子,无论它有没有CSS3高效,它至少对我都是有帮助的。
所以看了这么多视频我都没评论,,,默默的想给老师点个赞。
感觉好简单,没什么用
别说那些CSS3容易实现 那你兼容IE几 既然有这个JS 就说明css3是无法达到的 各有各的好

已采纳回答 / 艾狄生
你确定你设置了要显示的宽度!!为了避免自适应,要设置ul固定的宽度!
line-height是行高,比如说当你外面的块元素已经设置了高度40px,这个时候你的字体行高若是默认的10或是20px,它是不会居中的,你必须把line-height设置为40px才能保证文字垂直居中,然后用text-align:center水平居中
我不明白,这个已经是很基础的东西了,为什么还有人会说不基础呢?如果你连HTML和css都没学,你来学这个做啥??关于那个评论骂人的,我可以严肃地告诉你,我学过C语言,但是这个跟C语言一点关系都没有,真正和C语言沾边的是JS,这个没学会,别指望学JS做特效。还有老师真不是在炫技,这已经算是讲到最基础了,说炫技你肯定没有自己写过一张网页,写过的话就知道不懂的时候要去百度属性,经验是靠自己搞起来的不是靠老师讲的,难道老师还要手把手教你英文单词的具体拼写还是文字的笔画顺序啥的?你还是小学生吗?很多人看这个做啥?其实这个菜单我在学html就会了,但是重新看一遍只是为了寻找一些不同点,温故而知新不明白?

最新回答 / 折翼天使I
如果你想设置它居中也是可以实现的:将ul标签的宽度设为400px(你的a标签宽度为80px,80*5=400px为最小)以上,不要太大到超过浏览器的宽度;将ul标签设置为居中:margin:0 auto;简单说:就是把Style中ul部分的代码改成下面这样:        ul{list-style:none;width:400px;margin:0 auto;}
这张内容涉及到JS和JQ,所以没学的可以先不看,等学完JS和JQ后再来看
display:block;
text-indent:20px;
点开来,一放音乐,我还以为点错了呢。
结果是总结。
老师的总结都弄的这么好,真的是很用心啊。
继续支持!!!
菜单<li>浮动后,<li>脱离文档流,导致<ul>将失去高度和宽度;如果需要对<ul>进行整体背景设置,首先要给<ul>定义宽、高。
别人在课程列表讲师提示那里说的清清楚楚的,要对基础知识熟悉。一些人html,css点基础都没有,就在这卵BB
就喜欢这种实用型

已采纳回答 / 香飘飘丶
如果我没有数错的话,你在代码的最后少了一个"}"反括号,加上即可,除此之外 This.style.height = this.offsetHeight + 16 +"px";中的this应为oSubNav也就是var中的This,下同。 附代码:<...code...>
课程须知
1.熟悉html知识,尤其对<ul>和<a>比较熟悉; 2.对css样式比较了解; 3.掌握JavaScript和jQuery基础知识。
老师告诉你能学到什么?
轻松制作出各种形式的网站导航条菜单

微信扫码,参与3人拼团

微信客服

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

帮助反馈 APP下载

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

公众号

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

友情提示:

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消