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

形形色色的下拉菜单

难度初级
时长 3小时21分
学习人数
综合评分9.57
145人评价 查看评价
9.8 内容实用
9.4 简洁易懂
9.5 逻辑清晰
opacity表示透明 transition表示转化
比如:从{opacity:1} transition到{opacity:0.1}
就是从不透明到非常透明的转化
toggle()方法实现隐藏和展示切换:

<script>
$(function(){
$('.rMenu').click(function(){

$('ul li').not('#logo').toggle();
})
})
</script>
只有坚持到最后的人,才理应享受到最好的资源
提交通过但是效果有没有实现,自己心里有数。
啥都不显示的建议再检查检查代码
不知道这么急做什么。感觉就是完全看程序员再那写写写,然后把写了什么照着念。

基本一句都不解释,balabala完了,哦,效果出来了。

不正是因为教程是给新手看的,所以才要多解释吗?

我要是高手我还来跟着教程做什么?

完全不如上一个女老师。
这个适配在二级菜单的a标签设置width为80px,如果标签内容长度增加会出错
document.getElementsByTagName('a').onmouseover=function showMenu(){
this.style.display = "block";
};
document.getElementsByTagName('span').onmouseout=function hideMenu(){
this.style.display = "hide";
};
48行插入以下代码:

ul li:hover ul{
display: block;
}
ul li:hover ul li ul li{
display: none;
}
ul li ul li:hover ul li{
display: block;
}
锄禾日当午,不如前端苦。BUG一出土,一挑一下午。
Uncaught TypeError: Cannot read property 'offsetHeight' of null
手机端没有办法全屏
按同一个标签关闭expand:
if($("a").hasClass("btn_active")){
$(".btn_active").on("click",function(){

$(".body").animate({height:"0px"},function(){
$(this).removeClass("active");
$(".btn_active").removeClass("btn_active")
});
return false;
});

};
老师是没讲清楚怎么实现过度的但是自己照着抄一遍应该就懂了。最好是先有点JQ基础在看
课程须知
1.您至少具备Html、Css相应的基础知识。 2.您须了解JavaScript和jQuery基础语法和引用方法;
老师告诉你能学到什么?
运用CSS、JavaScript和jQuery三种技术实现下拉菜单制作方法。

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消