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

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

呵呵SN JS工程师
难度初级
时长48分
学习人数
综合评分9.33
85人评价 查看评价
9.7 内容实用
9.2 简洁易懂
9.1 逻辑清晰
其实这个无延迟切换效果使用 :after 跟 :before 可以实现差不多的效果。自己也试过. 不过非常感谢老师的思路。值得学习
老师很牛逼,就是讲的一般~~~
哈哈,一般吧~~~
深藏功与名,想搞明白不简单。。。

已采纳回答 / qq_柚子先生一生誓言_0
你的灰色下划线是li的默认样式吧,给li加个list-style: none;试试
看不懂的同学们,先去吧h5/c3/js的基础打好再学吧,这个老师只是习惯自己的写代码方式而已,每个程序员都是不同的
这要是没有基础,谁能看懂,幸亏有点基础,要不然完全懵逼

最新回答 / 懵逼的我
https://github.com/ccccccl/JD-has-no-delayed-menu  代码不完全一样,根据理解实现了功能。欢迎点赞。
我看着都干着急,老师你没引入算法的地址
视频很好,没有源码,
这个课程主要是讲一下实现的思路

是希望大家了解到原理后自己去实现

所以代码写的有点随意了

还是感谢大家提的意见 以后的视频中我会改善
从头到尾看了一篇视频,敲了一篇代码,老师的讲课水平绝对是大牛级别。感谢老师精彩授课,从中也学习到好多东西。不过,有个地方有一个小bug,稍微修改jquery代码,即可达到完美。
鼠标移入事件在#test区域应该是对应到li标签,不然二级菜单显示空白背景。
$('#test')
// .on('mouseenter' , function(e) {
// sub.removeClass('none');
// })
sub.removeClass('none');这句移到代理事件第一行
这老师厉害了,很多地方都看不懂,莫名其妙的就出来了,让我想半天,test这个id都没给就开始用了,浪费我时间,所以吐槽哈,后面不想看了
感觉是背下来的

已采纳回答 / 慕前端5544621
h5中自定义属性名的命名都是以data开头的
这个课程。。。你讲你的,我看我的,我还跟不上
课程须知
1、基本的HTML,CSS和JS语法 2、JQuery的常用API
老师告诉你能学到什么?
1、如何写菜单结构 2、如何写菜单样式 3、如何实现菜单交互 4、如何优化菜单交互 5、如何实现无延迟切换

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消