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

导航条菜单的制作

江老实 Web前端工程师
难度初级
时长23分
学习人数
综合评分9.53
1004人评价 查看评价
9.8 内容实用
9.4 简洁易懂
9.4 逻辑清晰
怎么不按流程来讲?我js没学过啊!
#width是字符串,offsetWidth是数字,如width="300px";offsetWidth =300
为什么无法提交
这个放大镜我服
老师的视频好炫酷啊
.nav li a{
display:block;
text-indent:20px;
height:25px;
line-height:25px;
width:100px;
margin:1px auto;
background-color:#efefef;
}
.nav li a:hover{ background-color:#F60; color:#fff}
慕课网有一小节专门讲background-position属性
http://www.imooc.com/video/1894
下划线出不来是因为没有给ul设置高度,因为li浮动了,影响了ul,ul就没有被撑开,一种方法是清楚浮动对ul的影响,(不会自行查找),另一种直接给ul加上高度
小伙伴们,记住,要多做多做,做的途中你会发现一些问题,然后再去解决,你就会恍然大悟,更加深刻理解
你在横向导航下面加一个盒子,你会发现他跑到导航条下面去了,因为ul里的li浮动了,影响了ul只需要给ul加个高或者清除浮动对ul的影响就可以
走到这我也该去学JavaScript了。
clearInterval很重要,不写可能导致二级菜单无法收回
backgroud-position中的像素值x y,其参照原点是标签的左上角,x为正值向原点右移相应像素单位,y为正值则向下移
background-position,默认情况下由于背景图尺寸过大,下半部分超出a标签被遮住,将背景图显示位置下移则显示红色
课程须知
1.熟悉html知识,尤其对<ul>和<a>比较熟悉; 2.对css样式比较了解; 3.掌握JavaScript和jQuery基础知识。
老师告诉你能学到什么?
轻松制作出各种形式的网站导航条菜单

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消