问题标签 [mouseout]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
13916 浏览

jquery - jQuery - 黑白图像到彩色图像(悬停)

我有一个包含在 css 中的黑白图像:

http://cl.ly/3G0E0g1e2G2h3k3U3F2O

在同一个文件中,我放入了彩色图像:

http://cl.ly/1l2A2F0o1j3E1z2s223V

现在我想当你将鼠标悬停在这张图片上时已经从黑白变为彩色......

我把函数放在jQuery中:

HTML:

CSS:

问:我怎样才能做到不同?(当您将鼠标悬停在图像上时不会消失)。

0 投票
1 回答
1901 浏览

jquery - jquery:附加 div 会导致 mouseover/mouseout 循环

我有一个用于导航菜单的 ul。当用户将鼠标悬停在子 li 上时,我将带有“nav-about”类的 div 附加到 li(或 nav-无论该 li 的类是什么),然后向下滑动附加的 div。我遇到了一个问题,我的代码陷入循环并且 li 的鼠标悬停/鼠标悬停来回切换,直到我将鼠标移出 li。感谢您的任何帮助。

html

css

jQuery

0 投票
4 回答
4695 浏览

jquery - 鼠标悬停/鼠标悬停 jquery

我有一个鼠标悬停和鼠标悬停,我在鼠标悬停时隐藏/显示一些 div,然后在鼠标悬停时反转隐藏/显示。它可以工作,但是如果我快速将鼠标移到我正在悬停的 div 上以显示 div,它将来回移动大约 3 次,显示和隐藏。我错过了什么?

0 投票
2 回答
935 浏览

java - 如何在 Java 中实现“鼠标移出”效果?

我正在尝试将鼠标悬停在 JButton (javax.swing.JButton) 上并设置边框颜色,现在我可以使用按钮上的鼠标移动事件来实现它,我只需要鼠标移出,我不能似乎找到了一种让鼠标移出效果起作用的方法。有什么想法或方法可以提供帮助吗?注意:MouseExited 不起作用。至少在我的例子中。

0 投票
4 回答
1658 浏览

jquery - 在鼠标悬停时显示 div

我有一堆嵌套的 div、ul 等。结构如下所示。

此处显示的 ul 正在滚动显示。.drop css 设置为 position:absolute 以便它出现在顶级 div 上。

所以,ul drop 看起来不错,但是一旦它与鼠标光标接触,它就会发疯(不停地上下百叶窗等)!现在这将与鼠标在某种程度上失去焦点有关。

为了让这种效果正常工作,我应该怎么做?我希望能够滚动 div 并在它出现后从下拉 ul 中选择选项。

提前致谢。

0 投票
3 回答
550 浏览

javascript - Javascript - 鼠标事件和浮动元素的问题

我使用 jQuery 编写的脚本遇到了一个棘手的问题。

我有一个表格,如果将鼠标悬停在任何行上(标题行除外),它将在任何行上出现一个工具栏。这很好用,这是它的代码:

当我将鼠标悬停在操作工具栏上时会出现问题。该行的mouseout事件触发,工具栏隐藏(然后进入显示/隐藏的无限循环)。这是因为工具栏是绝对定位的,而不是该行的子项。

这是交易:

  • 希望它成为该行的子行,因为这意味着我必须为每个鼠标事件删除并附加到 DOM ——这不如简单地更新元素的 CSS 有效。
  • 如果可能的话,我也想避免使用计时器来解决这个问题。

提前致谢!

0 投票
1 回答
2108 浏览

jquery - MouseOver 删除类 MouseOut 恢复类

所以当我将鼠标悬停在其他菜单项上时,我试图找到一些脚本来删除活动菜单项上的类。但是当我离开导航时恢复它。棘手的部分是确保如果当前活动项目上有活动子菜单,脚本不会触发。

例如,我们有 4 个菜单项(Main 1、Main 2、Main 3、Main 4)。两个有子菜单(Main 2,Main 4)。Main 1 当前处于活动状态,并且有一个名为 active 的类。当您将鼠标悬停在 Main 2 上时,子菜单会显示,并且 Main 2 在悬停其子菜单时有一个悬停类和一个 hilite 类,但现在 Main 1 恢复正常库存。现在你离开导航,Main 1 恢复到有一个活跃的类,Main 2 看起来很正常

现在进行相同的设置并激活 Main 2,并默认显示其子菜单。当您将鼠标悬停在 Main 1 Main 3 Main 4 上时,子菜单关闭并且 Main 2 上的活动类被删除,但当您移开时,它会恢复活动并显示其子菜单。现在,如果您将鼠标悬停在 Main 2 或其子菜单上,则该类永远不会更改,它会保持不变。

我已经广泛搜索了类似的设置,除了我在早期问题上发布的内容之外找不到任何东西,可以在这里找到该项目的代码错误,但它适用于一个完全不同的项目。我对此提出了第二个问题,因为如果它已被标记为已回答,我不确定是否可以在另一个问题上发帖。

在此先感谢,希望我能得到一些帮助,
泰勒

编辑:这里 是 jsfiddle 上旧脚本的链接更新: 2011 年 4 月 30 日

0 投票
1 回答
98 浏览

jquery - jquery鼠标悬停问题

我有一个 jquery 脚本,它在这样的 div 上触发鼠标悬停:

问题是当我将鼠标悬停在文本上时它的行为就像鼠标悬停,我不想要那样。我可以在上面放置一个不可见的 div 并在其上触发 moseover,但我希望它尽可能简单。

有什么建议么...?

0 投票
4 回答
461 浏览

jquery - 帮助 attr、mouseenter 和 mouseout 无法正常工作

我无法获取 attr 函数来更改类并将其保留到下一次单击。它也不会使用新的 mouseenter 和 mouseout 函数。任何想法我做错了什么?

HTML

查询

这是该页面示例的链接。MMA 幻灯片控件示例

0 投票
4 回答
8161 浏览

jquery - jQuery mouseover mouseout 不透明度

这是我的动画功能,div#fruit它确实有效。

问题是这样的;当你mouseoutmousein动画结束之前,它必须在开始之前完成动画mouseout。(希望这是有道理的)

这通常不明显,但持续时间较长时,它是明显的。

我希望动画停止并反转到原始状态,而不是完成动画。