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

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

呵呵SN JS工程师
难度初级
时长48分
学习人数
综合评分9.33
85人评价 查看评价
9.7 内容实用
9.2 简洁易懂
9.1 逻辑清晰
用e.target还是有些危险的,偶尔会把li中的span标签,或者京东本网是a标签做为事件源,这样绑定的事件就会出问题了吧。。。。。
对呀,我们还只是菜鸟呀

最赞回答 / 浅芷初夏
这个其实也不算什么bug,你看到的空子菜单实际上就是它的padding造成的,你可以把padding这个css样式命令剥离出来,在鼠标移入li时addClass,移出li时removeClass。第二种方法比较简单,看图:<...图片...>把那行代码写过来
写多了,不用看浏览器都知道效果了!!!

阅码无数,心中无码!!

老司机!
学习到了新知识,谢谢老师!
动态语言加不加分号只是习惯问题,不加分号清爽,什么时候出4倍速啊,2倍速还是太慢
完全是在浪费我时间,直接在网上找素材自己看。还不用敲代码,敲代码还会错。走过程走的都不认真。
妈的浪费时间

最赞回答 / 兼容并包
这个的正确写法是 li:ative{ //这里写你要用的样式代码} 。 我写这么多海没见过你发的那个伪类。希望对你有帮助。
这是初级???????
真的是自嗨型的讲解

最新回答 / 慕粉1736476467
可不可以分区域,当鼠标在左侧部分,就不需要延迟加载,当鼠标在右侧,就可以延迟加载。
不加分号结束; 强迫症伤不起
京东的这个也是抄的亚马逊的解决方案,本来国内的都是带着延迟的,不过感谢老师,学到了一招
学到新的技术啦,原来还可以这么玩
其实这个无延迟切换效果使用 :after 跟 :before 可以实现差不多的效果。自己也试过. 不过非常感谢老师的思路。值得学习
课程须知
1、基本的HTML,CSS和JS语法 2、JQuery的常用API
老师告诉你能学到什么?
1、如何写菜单结构 2、如何写菜单样式 3、如何实现菜单交互 4、如何优化菜单交互 5、如何实现无延迟切换

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消