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

形形色色的下拉菜单

难度初级
时长 3小时21分
学习人数
综合评分9.57
145人评价 查看评价
9.8 内容实用
9.4 简洁易懂
9.5 逻辑清晰
表示敲了没效果,改了没效果,下源码对照看了没问题,源码也没效果,谷歌版本 60.0.3112.113(正式版本) (32 位)
厉害了,不过bootstrap不够灵活,需要很熟悉官方文档,才能游刃有余
加上class,采用for循环更好,老师这样的太过耦合了,练习还是可以的

最新回答 / 慕粉0056083
沒有子菜單的情況
讲的好啊~~ 声音也好听啊~~ 太详细啦~~

最新回答 / 慕粉215238296
 ul li ul{width:90px; position:absolute;  display:none; }  因为你设置了宽度90px
老师好温柔,咦~,怎么一到男老师我就那个啥呢
感觉用.hover(function(){},function(){});便捷
完美的讲解。
说真的老师还是女的靠谱。
细致入微
“ 简单的令人发指 ”~
是越来越精彩,可是报了很多错,很多都说没有定义在谷歌浏览器中无法实现
/*设置正常状态英文菜单隐藏*/
.top-nav li a span{display:none;}

/*鼠标移动到链接上面时将英文菜单显示*/
.top-nav li a:hover span{display:block;}

/*鼠标移动到链接上面时将中文菜单位置上移*/
.top-nav li a:hover{margin-top:-20px;}
课程须知
1.您至少具备Html、Css相应的基础知识。 2.您须了解JavaScript和jQuery基础语法和引用方法;
老师告诉你能学到什么?
运用CSS、JavaScript和jQuery三种技术实现下拉菜单制作方法。

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消