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

形形色色的下拉菜单

难度初级
时长 3小时21分
学习人数
综合评分9.57
145人评价 查看评价
9.8 内容实用
9.4 简洁易懂
9.5 逻辑清晰

最新回答 / 依偎幸福
因为,设置了a标签的高度为20px;  line-height:20px;span标签又是a标签的子元素,继承了a的属性行高也是20px;两个加起来是40px,上移20px;恰好就剩下方的20px能显示出来。

最赞回答 / 黄志明
jquery 库链接改成百度的 <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
给汉字加上div标签,
.top-nav li:hover div
{
display:none;
}
在鼠标经过汉字时隐藏汉字,显示英文,这也是很好的方法
看的这个人都不好了,哈哈哈
超级链接 Super!!
如果导航的字体过多需要增加宽度,在项目里面并不实用
很详细,扫盲点
谢谢老师,期待新视频新内容~_~
先前隐藏的时候用display :none,后面用display:block才起效
很不错,这老师讲课 思路非常清晰,点个赞
老师你以前的专业是播音的吗,声音很好听,,,
设置鼠标移过选项上面变色使用
li:hover{
background-color: #666;
}
岂不是更简单
a:hover的方法感觉有些化简为繁了
对于鼠标移动到li又快速移开,二级菜单出现的抖动问题,可以定义一个全局变量var timer=null,在ChageH方法中,timer=setTimeout(...);鼠标&quot;经过/移开&quot;方法中在调用ChangeH之前,清掉定时器 window.clearTimeout(timer);

最新回答 / TWT
<...code...>你代码第12行设置的 #dh ul li ul  a{ color:#000; display:none;}  ,但是后续代码没有设置对应的a标签显示(display:block;),而是设置了第15行的 #dh ul li:honve ul li{ display:block}可以去除第12行...
课程须知
1.您至少具备Html、Css相应的基础知识。 2.您须了解JavaScript和jQuery基础语法和引用方法;
老师告诉你能学到什么?
运用CSS、JavaScript和jQuery三种技术实现下拉菜单制作方法。

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消