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

形形色色的下拉菜单

难度初级
时长 3小时21分
学习人数
综合评分9.57
145人评价 查看评价
9.8 内容实用
9.4 简洁易懂
9.5 逻辑清晰
说讲得快的我想告诉你我都是1.5倍速度看的,看视频你学不了多少,你只能当基础了解过了,只有当你自己动手去做了,你才会更加地印象深刻
<script>
$(document).ready(function(){
$('#nav ul li').mouseover(function(){
$(this).children("ul").show();
});
$('#nav ul li').mouseout(function(){
$(this).children("ul").hide();
});
});
</script>
高手
直接用<script>
$('#nav ul li').click(function(){
var index = $(this).index();
$('#nav ul li ul').eq(index).show().siblings().hide();

});
</script>就可以实现呀,那么麻烦
这个视频看的我尴尬癌都犯了。。。

已采纳回答 / qq_好好学习天天向上_5
写在标签里,是js的写法,显得有点乱,jq不写在标签里,看着比较清晰,两种方法都是可以的,不知道你是不是问这个,仅仅是自己的看法
老师讲得真好

最赞回答 / 慕粉0856303723
因为二个菜单间有一空隙,下拉的菜单设置margin-top:0px;向右的菜单设置margin-left:0px;
后面的表情问答,很搞笑,哈哈哈.....
但是搞笑的问答,问讲都非常好。
hover+margin实现切换,思路挺新颖
讲的不错!
即刻卸载你的IE6浏览器
在最小屏上点击显示,再点击隐藏后,回到宽屏ul还是被隐藏的,修改这个bug,可以把$("ul li").css("visibility","hidden").removeClass("active");修改成$("ul li").css("visibility","").removeClass("active");
这个老师讲的和直接给我们代码有什么区别
课程须知
1.您至少具备Html、Css相应的基础知识。 2.您须了解JavaScript和jQuery基础语法和引用方法;
老师告诉你能学到什么?
运用CSS、JavaScript和jQuery三种技术实现下拉菜单制作方法。

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消