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

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

呵呵SN JS工程师
难度初级
时长48分
学习人数
综合评分9.33
85人评价 查看评价
9.7 内容实用
9.2 简洁易懂
9.1 逻辑清晰

已采纳回答 / XMYL
relative是相对定位,没有脱离文档流,定位移动,还会占用空间。absolute是绝对定准,会脱离文档流,不占用原文档空间

已采纳回答 / 慕侠509908
absolute是给子元素用的;relative是给父元素使用的。都开启了的效果是子元素的位置属性(如top,left)是相对父元素算的。主要是用于子元素定位。举个常见的例子:给你一个500px X 500px 的div。要求你从200px X 100px 的那里开始写内容。

已采纳回答 / 程序没有猿
这个是指选中对应的二级菜单,id对应二级菜单div中的a,b,c,d等,data('id')取的就是对应的a,b,c,d等。activeRow定义的是指向当前激活的一级菜单的行,activeMenu定义的是指向与一级菜单对应的二级菜单

已采纳回答 / FreeDragon
$(document).ready(function() {  var sub = $('#sub')  var activeRow  var activeMenu  $('#test')    .on('mouseenter', function(e) {      sub.removeClass('none')    })    .on('mouseleave', function(e) {      sub.addClass('none')      if (activeRow){        a...

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

已采纳回答 / qq_柚子先生一生誓言_0
你的灰色下划线是li的默认样式吧,给li加个list-style: none;试试

已采纳回答 / 慕前端5544621
h5中自定义属性名的命名都是以data开头的

已采纳回答 / qq_珂壳可克_03751673
不传参那你就直接$(this).addClass....刚才试了,可以当然你也可以这样子写:e.currentTatget.addClass......一样的效果,具体你可以看篇文章:http://blog.csdn.net/ke3863834/article/details/76895683

已采纳回答 / Botegui
后面在一级菜单里边的div上加了一个ID("test")

已采纳回答 / qq_筱筱_0
我都是跟着老师边讲我边自己敲的代码

已采纳回答 / 幻化丞雪
因为你是把鼠标移出事件写在一级菜单本身上面的,

已采纳回答 / 9527亦
这个是自定义属性,前面用data-    然后后边的名字可以随意命名,只是取属性的时候一一对应就可以的
首页上一页12下一页尾页
课程须知
1、基本的HTML,CSS和JS语法 2、JQuery的常用API
老师告诉你能学到什么?
1、如何写菜单结构 2、如何写菜单样式 3、如何实现菜单交互 4、如何优化菜单交互 5、如何实现无延迟切换

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消