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

导航条菜单的制作

江老实 Web前端工程师
难度初级
时长23分
学习人数
综合评分9.53
1004人评价 查看评价
9.8 内容实用
9.4 简洁易懂
9.4 逻辑清晰
这一节对于没有JS基础实现越来是困难的,建议同学们学了JS进阶后再实验就会觉得很容易。
我在ul上加了text-align: center; 把a里面的不进行文字缩进,里面文字是可以实现居中效果的,但是这个题目并没有考居中这个问题
我建议给ul加一个width:500px;不然当浏览器宽度变化时,会发生掉下来这种情况
学完JS再来还是不会。。。。。。有一样的么。。。。。
评论第四紫金道童的做法根本就是错的,看起来效果是一样的,但是li还是流式布局,感兴趣的同学自己给li加个黑色1px的边框看看就懂了。看懂的赞我给那位同学看到
菜单<li>浮动后,<li>脱离文档流,导致<ul>将失去高度和宽度;如果需要对<ul>进行整体背景设置,首先要给<ul>定义宽、高。
高度向下变化也可以可以用个transform:translateY();加上一个transition效果更好
听到JavaScript直接吓退了
跟着老师写,写的一模一样,为什么出来的效果不一样???
特么好难,我都学了点js还是一脸懵逼不会写
不会哎 一脸懵逼 继续学js jq 回来再搞定这个吧
说到底一句话transition: width 1s ease; hover里再加个 width:160px
前排“用padding更简单!padding:5px;margin-top:-5px;就可以了”应该还是margin:-15px; 吧?
音乐升级 好评
这个伸缩菜单js代码有问题 考虑不齐全,会造成动画的冲突循环
详细代码和讲解 http://blog.csdn.net/qflyalltime/article/details/68063018
课程须知
1.熟悉html知识,尤其对<ul>和<a>比较熟悉; 2.对css样式比较了解; 3.掌握JavaScript和jQuery基础知识。
老师告诉你能学到什么?
轻松制作出各种形式的网站导航条菜单

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消