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

形形色色的下拉菜单

难度初级
时长 3小时21分
学习人数
综合评分9.57
145人评价 查看评价
9.8 内容实用
9.4 简洁易懂
9.5 逻辑清晰
看到评论里很多人说看不懂,觉得太快了,其实我开始也是这种想法,我基础也不是很牢固,但是,我看不懂的地方我会重复看,比如这个视频,我看了不下五遍,然后自己给每一行代码加注释,最后就能够理解了,希望各位小伙伴都不要着急,多看几遍,多写几遍,自然就会了
给一级和二级ul分别增加一个类。用子选择器而不用后代选择器能解决很多问题,这里面的都是后代选择器,所以样式和二级菜单太容易混淆了!!!也就出现了各种问题!

最新回答 / 空白wwjwy123
规定一下a的宽度就好了
这样写有一个bug,就是从二级菜单移到三级菜单的时候,如果慢速移过去的话还没移到菜单就隐藏了
给你半年!
有联系方式么
只有二级菜单的第一个li和三级菜单第一个li有箭头,且三级菜单的箭头经过时还有问题,用的谷歌浏览器

最新回答 / _阿板_
.top_nav ul ul li:first-child a:hover:bofore{border-right-color:#0299d3;border-bottom-color:transparent;}before拼错了,不是bofore...
实现透明 到底是transtion 还是opacity?看了6.5才懵逼,不确定是哪个
刚开始看 有点懵逼 最后了 全部懵逼

最新回答 / 人木言若
一级菜单设置的是li:hover,所以二级菜单要包括在一级li里面,是不是这里的问题
mousemove事件在这里应该用mouseenter事件更好 ,其次就是动画之前最好用stop(),即object.stop().animate(...);
visibility:hidden;visibility:visible;才能让二级菜单的动效显示。。。display:none;display:block;只能控制显示和隐藏,却让二级的上移动效显不出来。。。不知道是哪里影响了
讲的很棒!只是我的下降动画为什么没有呢,就直接显示了,没动效
好,很好,非常好!
课程须知
1.您至少具备Html、Css相应的基础知识。 2.您须了解JavaScript和jQuery基础语法和引用方法;
老师告诉你能学到什么?
运用CSS、JavaScript和jQuery三种技术实现下拉菜单制作方法。

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消