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

形形色色的下拉菜单

难度初级
时长 3小时21分
学习人数
综合评分9.57
145人评价 查看评价
9.8 内容实用
9.4 简洁易懂
9.5 逻辑清晰
这个老师讲得很好 很详细 !
我要女老师!!!
头像是真的吗?老师好漂亮!
搞笑了,学半个月就找工作了。
一定要用这种方法的话一定要在外层容器加上overflow: hidden;不然如果上面有其他内容的话菜单上移会盖住其他内容。
VS编写HTML代码确实没有错,但VS太过臃肿十多个G的大小而且启动速度还不算快,占用内存也不低
$(".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);
}
EWL
开头就这么酷的吗.厉害厉害
感觉js要比jq复杂啊
老师,很不错,爱你哦
大概思路:

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

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

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消