为了账号安全，请及时绑定邮箱和手机立即绑定
首页 免费课 导航条菜单的制作 问答

导航条菜单的制作

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

为啥要把UL设置的宽去掉才能对LI设置左浮动呢？

最赞回答 / weibo_卧蚕哥哥的甜品公举_0
如果你设置了ul宽度值的话，li左浮动了以后，外面包裹着li的ul宽度值太小，你设置了左浮动它没办法显示出水平的效果，最好是把ul的宽度值去掉，让它自适应，这样就不会因为宽度不够而显示不出我们设置的样式了，个人浅见
4 回答 1946 浏览 2-1 水平菜单的制作
2016-06-16

为何要上移30px

最赞回答 / qq_加菲喵_0
因为他给的图片<...图片...>是120x60  看下边代码中.nav li a的设置 height30px width120px 刚好默认图片加载到上半部分， 点的时候要显示红色就让他向上移动30px刚好显示到下半部分图片 就达到了显示红色的目的<...code...>
2 回答 1356 浏览 3-3 编程练习
2016-06-16
qq_随遇而安_146
没学过js的应该不是很好做
0 6-2 编程挑战
2016-06-16
慕仔8248374
表示js进度有点太快，吃不消了。新手的童鞋表示吃力。
2 5-2 编程练习
2016-06-16
ooyeah3491761
66666
0 1-1 垂直菜单的制作
2016-06-15
夕晓0
....js
0 5-1 伸缩菜单的制作——水平方向
2016-06-14
red_pupil
一看就是老死机，导航一气呵成
0 1-1 垂直菜单的制作
2016-06-13
火星上的鱼
CSS也可以实现吧···
去掉.subNav{overflow:hidden;}
加上.nav li ul{left:-999em;}
.nav li:hover ul{left:auto;}
1 6-2 编程挑战
2016-06-12
紫菜中毒
jq能秒出，js写的蛋疼
0 6-2 编程挑战
2016-06-11
紫菜中毒
《a》添加一个圆角border-radius:5px 5px 0 0;会更好看 为hover在添加一个h5的阴影效果也是不错的-webkit-box-shadow: 3px 3px 3px;
-moz-box-shadow: 3px 3px 3px;
box-shadow: 3px 3px 3px;
0 5-1 伸缩菜单的制作——水平方向
2016-06-10

图片是灰色和橙色两部分，为啥只显示一半

最赞回答 / 紫菜中毒
背景图片不设置相关显示格式时，图片大小会依照当前内容（width：20；height：30px）的大小 对比自身（width：30px；height：50px）来显示只会显示图片左上角将近一半的面积；如果当前内容（width：60；height：50px）图片就是会显示两张；
3 回答 933 浏览 3-1 圆角菜单的制作
2016-06-10
redstonesl
margin-top:-10px
0 4-2 编程练习
2016-06-09
redstonesl
background-position:0 -30px;
1 3-3 编程练习
2016-06-09
redstonesl
display:block;
text-indent:20px;
0 1-3 编程练习
2016-06-09
作曲家ZZ
突然就懵B了
2 5-2 编程练习
2016-06-07
LiouV
二级菜单也可以用CSS做出来
0 6-2 编程挑战
2016-06-07
首页上一页71727374757677下一页尾页
该课程已下架
课程须知
1.熟悉html知识，尤其对<ul>和<a>比较熟悉； 2.对css样式比较了解； 3.掌握JavaScript和jQuery基础知识。
老师告诉你能学到什么？
轻松制作出各种形式的网站导航条菜单

微信扫码，参与3人拼团

微信客服

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

 帮助反馈 APP下载

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

 公众号

扫描二维码
关注慕课网微信公众号
友情提示：

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

查看已购买的课程

本次提问将花费2个积分

你的积分不足，无法发表

为什么扣积分？
确认 取消

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分？
确认 取消

举报

0/150
提交
取消