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

导航条菜单的制作

江老实 Web前端工程师
难度初级
时长23分
学习人数
综合评分9.53
1004人评价 查看评价
9.8 内容实用
9.4 简洁易懂
9.4 逻辑清晰
这一节课的确需要学了JS才能写了。。
学完JS再来...大家再见~
早期rm的开场音乐
看这些免费的课把某些人惯的。所有课程都收费或者搞个培训班你们还叨叨不?你们是来学习的还是吃了火药来这炸的?技不如人的虚心听,有建议有想法的好好提。这是基础的课程你们上来就CSS3,好嘛,没看见有人连着基础都还听不懂还嫌炫技?以及基础都没听懂的不应该好好去补前面的课程而不是搁这儿叨叨么?都很自豪吗?
css3在目前还不被很多浏览器兼容,估计还有段时间
总感觉原生js的代码写的这个怪怪的,
这节不会做呀 是不是这个进度的呀
老师没有留下答案参考的吗
喜欢江老师的课!
基本的样式清除: *{margin:0;padding:0}

无序列表圆点去除: ul{list-style:none}

下划线去除: a{text-decoration:none}

文本缩进标签 text-indent 不会影响总体宽度(padding会)

需要将a标签设置为块元素,才能设高宽、hover效果 代码:a{display:block}

hover格式 a:hover{}鼠标滑过选项会发生转变
改变width可以实现变宽的效果,但这是鼠标放上去的一瞬间变宽的,没有“动画”效果。这里视频里讲的是逐渐变宽的动画效果
回复:"为啥不能用margin-bottom:10px; 而只能用margin-top:-10px;"。margin-bottom:10px;大概是相对于整个页面底部10px吧?
.nav li a{border-radius: 15px 15px 0 0;background:#eee;
float:left; height:30px;text-align:center; line-height:30px; width:120px; margin-left:1px;}
.nav li a.on, .nav li a:hover{border-radius: 15px 15px 0 0;
background:#f60;color:#fff;}
不需要给.nav li添加float:left,可以直接把第10行删掉,然后把11行的display:block也删掉,然后直接给.nav li a设置float:left;就行了。因为给行内元素a设置float:left就相当于已经变成了块状元素,此时display:block是多余的。
课程须知
1.熟悉html知识,尤其对<ul>和<a>比较熟悉; 2.对css样式比较了解; 3.掌握JavaScript和jQuery基础知识。
老师告诉你能学到什么?
轻松制作出各种形式的网站导航条菜单

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消