繁体   English   中英

Mouseenter和Mouseleave下拉菜单

Mouseenter and Mouseleave dropdown menu

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

我试图让此下拉菜单在鼠标悬停时显示子菜单,并在子菜单顶部时也保持悬停,但是当鼠标离开时,我希望它隐藏它。

通过以下链接,我只能将javascript更改为mouseenter,但是我不知道如何创建mouseleave函数。

对于任何会编码的人来说,这可能都超级容易,但是我不:(

这是链接: https : //codepen.io/ok2ju/pen/MwyvWY

这是代码:

document.querySelector('.mini-photo-wrapper').addEventListener('mouseenter', function() {
  document.querySelector('.menu-container').classList.toggle('active');
});
问题暂未有回复.您可以查看右边的相关问题.
1 下拉菜单的mouseenter和mouseleave问题

我需要制作下拉菜单。 问题是HTML结构迫使我使用带有不是FadeIN和fadeOut选项的jQuery而不是CSS。 在主菜单中,我有诸如博客类别和关于我这样的选项。 问题是子菜单稍后会由somone添加,我无法更改它(因为我无法更改html)。 我需要使子菜单仅在我将鼠标悬停在类别上 ...

2 下拉菜单“ Mouseleave”

我编写了代码,但是我有一些问题,当我的鼠标移到“类别1”上时,向我显示该框,如果鼠标从“类别1”按钮转到“框ID”,则成功完成此操作,但是如果从类别我将鼠标移到其他位置不会隐藏我的盒子...希望有人可以帮助我解决此问题,并且当鼠标离开菜单按钮和类别以隐藏该盒子等待1秒钟时,如果可能的话,我仍然需 ...

3 下拉菜单溢出问题:Mouseenter和Mouseleave + slideDown和slideUp

我有一个带有子菜单的简单下拉菜单。 问题是,当我将菜单项悬停以显示其子菜单(带有slideDown)时,它仅在动画/效果运行时显示菜单的一部分(溢出问题)-动画完成时,仅显示整个菜单 看我的小提琴 ,看看我的意思: HTML: CSS: JS: ...

5 jQuery和CSS下拉菜单mouseleave并单击

我在下拉菜单上工作。 此菜单具有悬停效果。 但是我有一个问题。 单击后,菜单保持打开状态。 当我将鼠标拖到另一个区域时,我希望菜单自动关闭。 我在下面提供您我的代码。 这也是JSFiddle演示JQUERY CODE HTML代码: 和CSS CODE ...

6 可单击的下拉菜单可以与mouseleave一起使用吗?

我有一个HTML菜单,当用户单击菜单项时,将出现一个下拉子菜单。 当用户再次单击菜单项时,下拉菜单将关闭。 如果用户的鼠标离开该元素,我还希望该子菜单关闭。 下面的功能可与onclick一起使用,但最后几行(mouseleave)确实关闭了子菜单,但是当我再次单击菜单项时,该子菜单不会 ...

7 Dropit下拉菜单不会隐藏在mouseleave上

我有一个下拉菜单,我将mouseenter设置为选项。 因此,如果鼠标在触发器外部,则菜单应关闭。 我正在使用jQuery 1.8.0。 这可能是CSS问题吗? 这是我初始化插件的代码。 这是插件中此选项的代码。 怎么了? ...

9 Jquery下拉菜单mouseenter延迟

所以我有一个带有jquery的下拉菜单,它使用向下和向上滑动功能。 我怎样才能使我的mouseleave函数执行后,在mouseenter函数再次注册之前有一段延迟? 提前致谢! ...

10 jQuery:延迟mouseenter事件(下拉菜单)

我正在研究这个小提琴: http : //jsfiddle.net/8n2TQ/9/ 它由一个滚动按钮组成,该按钮会下拉菜单,如下所示: 该事件在悬停时立即发生,但是我想稍加延迟,以防止意外的悬停触发该事件。 我尝试使用计时器(请参阅http://jsfiddle.net/8n2 ...

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2022 STACKOOM.COM