JS实现京东无延迟菜单效果_技术问答

首页免费课 JS实现京东无延迟菜单效果问答

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

全部评论问答未解决精华

weibo_木子菇凉Vivi_0

跟着老师一起写的，我竟然没有实现

1 3-1 实现菜单的基本交互

2017-09-07

ShinChan

老师CSS格式写的太随意了，，，想空格空格不想空就不空么。。。而且有基础的表示一眼都不看效果就能全程打出来真吊啊

2 2-1 实现菜单基本结构和样式

2017-09-07

小学生打打酱油

为什么加了计时器就会出现错误了呢

2 4-1 利用延迟和去抖技术进行优化

2017-09-06

300ms这和时间内鼠标移出了非一级菜单和非二级菜单的其他区域会报错

最新回答 / 慕粉3815819

已经指向改为null了，之后当然无法成功调用null.removeClass()了

1 回答 1341 浏览 3-1 实现菜单的基本交互

2017-09-06

qq_秋本明_0

技术是很好，可是不太适合讲解。

1 4-2 基于用户行为预测的切换技术

2017-09-05

最外的红

学完（照抄完），感谢老师，我回去学数学了。

1 4-2 基于用户行为预测的切换技术

2017-09-05

收鸡收兔收破烂

看了一遍，完全没懂呀。

0 4-2 基于用户行为预测的切换技术

2017-09-04

最外的红

说讲得不好的。你们不会html和CSS都没学会，就来学JS了吧？

2 2-1 实现菜单基本结构和样式

2017-09-04

这段代码每次离开的时候都会让子菜单马上隐藏,鼠标有可能移动到子菜单吗?求解,好急

最新回答 / qq_ronaldinho3217849

请问一个问题，#test在warp上，当鼠标移动到子菜单位置上时，子菜单sub会有显示？按理说sub应该不显示的~请问这个如何解决？

2 回答 1442 浏览 4-1 利用延迟和去抖技术进行优化

2017-09-02

白小明

厉害！15分钟的课，研究了一个小时

3 4-2 基于用户行为预测的切换技术

2017-08-29

白小明

// 去抖
debounce(fn, delay) {
let timer = null

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

timer = setTimeout(() => {
fn.apply(this, args)
}, delay)
}
},

1 4-1 利用延迟和去抖技术进行优化

2017-08-29

莎莉是小黄鸡

厉害了！自己绝对写不出来。跟着老师写了一遍然后自己还是写不出来很厉害

2017-08-29

白小明

质疑老师之前先看看自己的基本功。

1 2-1 实现菜单基本结构和样式

2017-08-29

qq_空_144

突然出来个test，懵逼，还得这回去找找看

4 3-1 实现菜单的基本交互

2017-08-28

慕神9467573

$("#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 3-1 实现菜单的基本交互

2017-08-27

xiaods

老师是背的代码吗？

0 2-1 实现菜单基本结构和样式

2017-08-27

首页上一页 11 12 13 14 15 16 17 下一页尾页

开始学习

课程须知: 1、基本的HTML,CSS和JS语法 2、JQuery的常用API

老师告诉你能学到什么？: 1、如何写菜单结构 2、如何写菜单样式 3、如何实现菜单交互 4、如何优化菜单交互 5、如何实现无延迟切换

微信扫码，参与3人拼团

热搜

最近搜索清空