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

形形色色的下拉菜单

难度初级
时长 3小时21分
学习人数
综合评分9.57
145人评价 查看评价
9.8 内容实用
9.4 简洁易懂
9.5 逻辑清晰
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一出土,一挑一下午。

已采纳回答 / 灰白痕迹
因为你<a>用了padding属性,<li>没有固定值,当你鼠标经过的效果给了<border>,那么<a>的width度比<li>大,所以你需要给<li>固定值,<li>必须等于或大于<a>的宽度加上border的宽度,记得计算好border的宽度,它是两边的;

最新回答 / qq_Flyyying_13620782
ul li ul li a:hover{background:rgba(255.255,255,0.5);}不知道是不是这样呢
Uncaught TypeError: Cannot read property &#039;offsetHeight&#039; of null
手机端没有办法全屏
按同一个标签关闭expand:
if($(&quot;a&quot;).hasClass(&quot;btn_active&quot;)){
$(&quot;.btn_active&quot;).on(&quot;click&quot;,function(){

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

};
老师是没讲清楚怎么实现过度的但是自己照着抄一遍应该就懂了。最好是先有点JQ基础在看
最后还是应该if判断一下当他有二级菜单和三级菜单时候才触发事件
老师我在做二级菜单的时候 ul li ul li浮动属性没有用
建议学会轮播图原理再看此课程,hold on
多练,多练
用CSS3制小三角:
.Triangle_con {
width: 0;
height: 0;
border: 9px solid transparent;
border-bottom-color: #3f240e;
display: block;
margin-left: 36px;
}
看到评论里很多人说看不懂,觉得太快了,其实我开始也是这种想法,我基础也不是很牢固,但是,我看不懂的地方我会重复看,比如这个视频,我看了不下五遍,然后自己给每一行代码加注释,最后就能够理解了,希望各位小伙伴都不要着急,多看几遍,多写几遍,自然就会了
课程须知
1.您至少具备Html、Css相应的基础知识。 2.您须了解JavaScript和jQuery基础语法和引用方法;
老师告诉你能学到什么?
运用CSS、JavaScript和jQuery三种技术实现下拉菜单制作方法。

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消