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

形形色色的下拉菜单

难度初级
时长 3小时21分
学习人数
综合评分9.57
145人评价 查看评价
9.8 内容实用
9.4 简洁易懂
9.5 逻辑清晰
是我耳朵不好吗 感觉声音怪怪的有点听不清
太基础了,听得我都快睡着了
CSS3: background: -webkit-linear-gradient(bottom,rgba(127,255,0,0.2),rgba(0 ,205, 0, 1));
background: -o-linear-gradient(red,green);
background: -moz-linear-gradient(bottom,rgba(127,255,0,0.2),rgba(0, 205, 0 ,1));
background: linear-gradient(to bottom,rgba(127,255,0,0.2),rgba(0, 205 ,0 ,1));
在IE中没用啊,IE11都没用

最新回答 / 慕粉3960820
设置 z-index:1000;数字可根据需要设定,数字大的显示在上层。
老师讲得好细致,一步一步的讲解
非常适合我这样的初学者
给老师点赞
其实可以 ul li:hover{background-color:#666; }
ul li:hover a{color: #fff;} 简单点

最新回答 / 慕移动9181930
是的,如果没有就贯穿继续执行直到遇到break或者语句结束哈哈谢谢^_^你懂的...
看了第一种方法真简单

最新回答 / 夜尽天明4039292
没源码怎么帮你?
引用之前章节别人实现的一个更为简单的方法,即用toggle()来实现:
$("li").has("ul").hover(function() {
$(this).children("ul").toggle();
});
导航里面的li不是居中显示的,看着很不爽,第一ul li里面的text-align:center其实是无效的,因为li是浮动的,且ul是没有高度的。我们可以把ul设为display:inline-block,再在它的父元素也就是.nav中设置text-align:center就好了,这样其实是让ul整块居中了,但效果也是我们想要的。

最新回答 / Mr_Zheng_0
这个只是个参数,是随便取的,你如果不理解可以取成obj等名称的参数,这里用li,只是便于你去理解这个参数代表什么,这里li指的就是<li onmouseover="showsubmenu(this)" onmouseout="hidesubmenu(this)"><a href="#">课程大厅</a>这里的li
三明治??
课程须知
1.您至少具备Html、Css相应的基础知识。 2.您须了解JavaScript和jQuery基础语法和引用方法;
老师告诉你能学到什么?
运用CSS、JavaScript和jQuery三种技术实现下拉菜单制作方法。

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消