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

形形色色的下拉菜单

难度初级
时长 3小时21分
学习人数
综合评分9.57
145人评价 查看评价
9.8 内容实用
9.4 简洁易懂
9.5 逻辑清晰
$(".nav>ul>li").hover(function(){$(this).children(".nav2").toggle();});
for(var i=0;i<navList.length;i++)
{
!function(i){
navList[i].parentNode.onmouseenter=function(){
navList[i].style.display="block";
}
navList[i].parentNode.onmouseleave=function(){
navList[i].style.display="none";
}
}(i);
}

最赞回答 / 大家好我是豆果
name后面的</li>挪到二级目录结束后<body><div id="nav">  <ul>  <li><a href="#">Sex Education</a></li>  </ul>  <ul>  <li><a href="#">name</a>      <ul>         <li><a href="#"&g...

最新回答 / qq_引领晨逸zhqtsh_0
top-nav li ul li:hover ul这个选择器的意思是一级下面的li下面的ul(即第二级)下面的li下面的ul(即第三级),跟一级没关系啊

最新回答 / 慕无忌9334961
刚刚拷贝你的代码,背景不在啊。是正常的啊
EWL
开头就这么酷的吗.厉害厉害

最新回答 / qq_herozero_03158164
只有子元素才能继承父元素,你检查一下逻辑对不对
大概思路:

1. 整屏显示 100%,故设置总宽度为500% (5个整屏)
2. 改变margin-left :每次切换 设置的值为 =索引下标*100% (最开始为0,所以此处为负值);

个人想法:可以用绝对定位的方式来实现,父元素relative, 子元素 absolute ,改变left值即可
(可以参考轮播图的思路)
看不懂不要怪老师啦,毕竟这里不是基础教程。不懂可以多看几遍
// 为当前元素添加&quot;btn-active&quot;样式,同时移除同级其它元素的&quot;btn-active&quot;样式
$(this).addClass(&#039;btn-active&#039;).siblings().removeClass(&#039;btn-active&#039;);
课程须知
1.您至少具备Html、Css相应的基础知识。 2.您须了解JavaScript和jQuery基础语法和引用方法;
老师告诉你能学到什么?
运用CSS、JavaScript和jQuery三种技术实现下拉菜单制作方法。

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消