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

JS实现京东无延迟菜单效果

呵呵SN JS工程师
难度初级
时长48分
学习人数
综合评分9.33
85人评价 查看评价
9.7 内容实用
9.2 简洁易懂
9.1 逻辑清晰
学完(照抄完),感谢老师,我回去学数学了。
看了一遍,完全没懂呀。
说讲得不好的。你们不会html和CSS都没学会,就来学JS了吧?
厉害!15分钟的课,研究了一个小时
// 去抖
debounce(fn, delay) {
let timer = null

return function(...args) {
if (timer) {
clearTimeout(timer)
}

timer = setTimeout(() => {
fn.apply(this, args)
}, delay)
}
},
厉害了!自己绝对写不出来。跟着老师写了一遍 然后自己还是写不出来 很厉害
质疑老师之前先看看自己的基本功。
突然出来个test,懵逼,还得这回去找找看
$("#text")包含内层的ul,还有li,,,进入ul还没进入li时,也会触发下面的.on("mouseenter",function(e){
sub.removeClass("none")}),使得会出现#sub的样式,这个bug看着很难受,直接写成$("#text li")就行,让他进入Li触发,不过后面的事件委托的时候.on("mouseenter","li",function(e)前面就得加上$("#text")或者$("#text ul") 毕竟$("#text li")不能委托自己。小BUG完美解决。体验感好些了。
老师是背的代码吗?
效果出不来啊
好像二级菜单需要给最小高度才行,不规定的话,如果左侧底部导航的二级菜单内容较少的情况下是移入不到二级菜单的
太棒了,算法真的很重要,尤其是在大项目中,小细节上,感谢
课程须知
1、基本的HTML,CSS和JS语法
2、JQuery的常用API
老师这会是在写样式啊,那是css和html的内容了,而且讲的也不快啊,不懂可以百度啊,重要的是思路,而且人讲了很多小地方,i,font:9px/14px,(前面是大小后面是l行高),讲的挺细的了,免费的课还挑三拣四,质疑别人能力说记样式的我也是醉了,怕是见不得人比你厉害还是咋的。。。
课程须知
1、基本的HTML,CSS和JS语法 2、JQuery的常用API
老师告诉你能学到什么?
1、如何写菜单结构 2、如何写菜单样式 3、如何实现菜单交互 4、如何优化菜单交互 5、如何实现无延迟切换

微信扫码,参与3人拼团

微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

友情提示:

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消