jquery二级菜单鼠标离开显示，jquery一级菜单显示二级菜单

jQuery的hover事件,鼠标经过能显示子菜单,移出就不能隐藏子菜单。代码如...

js 代码：(li).hover(function(){ //你要显示的层，div放到li里面。

你好！第一个问题解决思路：每个一级菜单设置hover事件没有问题，但是你的代码中显示的二级菜单却成为了全局所有的了，所以需要修改为当前一级菜单下面的$(.subCategory)元素，即 $(一级菜单).find(.subCategory)--- 这样才会显示为当前一级菜单下的二级菜单。

设置鼠标悬停事件，如果离开就把B区域div属性display设为none，就隐藏了！反之 就显示。

相关问答

Q1: 鼠标滑过显示导航栏显示菜单

1、第二种方法就是就是将p设置为display：table；将ul设置成display：table-cell；即可。第三种方法就是使用display：inline-flex，css代码如图所示。这种方法的html是套用一个p即可如图所示。然后将下图中的css代码写入CSS文件中即可。

2、.dropdown 类使用 position：relative， 这将设置下拉菜单的内容放置在下拉按钮 (使用 position：absolute) 的右下角位置。

3、打开控制面板，win+x选择P（控制面板）；选择控制面板中的“任务栏和导航栏”；在“任务栏和导航栏”中选定“导航”，找到“边角导航”；将“边角导航”中的“当我指向右上角时，显示超级按钮”前面的勾去掉，这样就不会发生鼠标或手指滑到右边出现右边栏菜单的情况了。

4、即：mfDDM.setup(divID)；其中参数divID是将要改变其行为的层的ID值。

Q2: JQUERY多个DIV鼠标移入移出显示隐藏对应DIV

1、首先，jquery显示隐藏div是用的show()、hide()方法。

2、设置鼠标悬停事件，如果离开就把B区域div属性display设为none，就隐藏了！反之 就显示。

3、js 代码：(li).hover(function(){ //你要显示的层，div放到li里面。

4、jq有自带的显示隐藏函数，不用自定义，可以使用fadeToggle()函数实现淡入淡出效果。

5、先说你几个最基本的错误哦，对你以后有帮助。你的id怎么能写数字呢？这是大忌。一定要以下划线或者字母开头。hidden这个属性你自己编的属性吧。

6、将以下的JQUERY代码放在整个网页的最底部，用于控制鼠标经过显示DIV，离开隐藏DIV。

Q3: 请教jQuery高手,写下拉菜单,怎么控制二级菜单出现与消失

还需要强调的是，二级菜单的距离不要离一级导航有缝隙，否则会点不到二级菜单的。

鼠标移出DIV1，触发事件，事件中可以做一个延时（延时的方法很多，比如计时器，比如倒计时，比如一个指定事件的动画效果等），延时结束时隐藏DIV2即可。

点击展开或隐藏菜单，最好在菜单前加一个图标按钮，美观又方便。如果想像你这样实现，最好在每一个ul和li加上ID（这个ID必须是有规律的，比如父ID为1_1，子ID1_1_..），用链接的点击事件根据ID获取父菜单和子菜单实现改变ul、li的display样式就可以实现展开或隐藏。

下拉菜单导航是一个网站的简易网站地图，起着引导访客的作用，用Jquery实现简单的菜单，实现的原理：鼠标是否通过顶层菜单，如果动作发生，则触发下层菜单的显示，如果鼠标从顶部移出，底部菜单收回。利用Jquery的ready函数实现整个页面的加载完成后执行动作。

jquery二级菜单鼠标离开显示的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于jquery一级菜单显示二级菜单、jquery二级菜单鼠标离开显示的信息别忘了在本站进行查找喔。