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

导航条菜单的制作

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

已采纳回答 / 嘛也不会
on 这个状态不只是代表鼠标悬停 同时也表示你当前选中的是谁, 所以你得有一个默认的选中, 只不过他这个没做全,应该在悬停或点击其他导航时 清除 之前的 on

最新回答 / 慕后端9506282
现在都不用它这种方法了,太麻烦了。直接定义a为border-radius:5px;然后定义a:hover的背影色就可以了。她那种太麻烦了

最新回答 / 风花雪月不念秋
你用JS创造DOM会消耗更多浏览器内存,消耗更多资源,而且是内容变得难以修改。直接插入比较好

已采纳回答 / Churjan
在padding上再加个box-sizing: border-box;就不会出现这样情况默认情况下width不包括padding的值,而offsetwidth=width+padding+border可能是这个原因导致的一些bug或不可描述的情况

已采纳回答 / wushengwei
在ul的样式中添加 list-style:none;

最新回答 / 慕移动9181930
使按钮不可用。kdndsbnkoddnoswsksmxbzjmkolsqekidthrabjaodqicfoshdepbdfsyxelzgwgchlqhvrdewv

已采纳回答 / 折翼天使I
为了给ul设置下边线(boder-bottom),其实老师讲得有点麻烦了,你自己算一算高度应该设置为多少,就不用再margin了

已采纳回答 / 甜甜圈1991
没有绝对的固定宽度和高度时,可以不定义ul的宽度和高度,让他根据内容自适应更好一些;在UL没有绝对宽度时,并且Li有浮动,祖级需要清除浮动代码:<...图片...>效果图<...图片...>li没有浮动,ul无设置宽度和高度,则展示自适应宽度和内容撑开的高度代码:<...图片...><...图片...>

最赞回答 / qq_行不更名坐不改姓我叫_0
你不要这么着急回复自己的问题啊,这么一来我看你代码看半天都白看了

已采纳回答 / 慕粉3837716
应该是选中哪页,那页的标签就应该固定是选中状态吧,现在在首页,所以首页标签是选中状态。不是规定吧,应该是有这种效果,让用户更清楚,现在在哪一页。应该是这样吧。坐等看后面有没有如何跳页切换选中状态的代码。

已采纳回答 / menglin
margin:0 auto设置水平居中的前提是标签容器必须要有宽度,必须是款级元素才行。

已采纳回答 / 慕粉2035072466
你说的没错,设置float:left,float:right,position:Absolute 后会使元素变为块状元素
课程须知
1.熟悉html知识,尤其对<ul>和<a>比较熟悉; 2.对css样式比较了解; 3.掌握JavaScript和jQuery基础知识。
老师告诉你能学到什么?
轻松制作出各种形式的网站导航条菜单

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消