问题标签 [jquery-hover]

我有一个行表（duh），在其中一列中，我试图在悬停/鼠标悬停期间出现两个按钮。现在，它是一个具有设定宽度/高度和背景位置的锚标记。

这是它们不隐藏时的样子：

成品的一个很好的例子是grooveshark的悬停控件：

基本上，我想知道如何隐藏所有图像，除了当前悬停在一行中的图像。然后该行将显示这些图像，但一旦鼠标移动到不同的行就会消失。

html代码：

JS代码：

我有一个像下面这样的按钮。我有一个按钮列表。当用户单击它时，我运行一个 javascript 函数并发出一个 ajax 请求，如果请求响应成功，则我更改按钮标签的状态属性。我将其从 1 更改为 2。

当属性状态 = 1 时，我希望用户在将鼠标悬停在按钮上时看到一些文本。

当属性 status=2 时，我不希望他在按钮悬停时看到任何内容。

我尝试如下，但在 status=2 之后，悬停时按钮文本仍然会发生变化。我怎样才能解决这个问题？

我尝试了很多选择，但没有结果。但是，我有这个代码

这些 div 带有图像

现在class="news"默认是display: none;. 有了这个 jQuery

active通过添加定义为的类，div 在悬停时出现display: block;。<ul>当鼠标在菜单上时，我想再次删除这个类。但是如果鼠标离开菜单，那么最后一个悬停在悬停<li>状态，带有图像的 div 也将保持可见。我怎么能意识到这一点？

谢谢！​</p>

谁能解释为什么这些弹出窗口一起显示而不是单独显示？

我的意图是弹出窗口仅在相邻推文悬停时显示。

http://jsfiddle.net/P2FsR/

我想要悬停动画

这个问题似乎与

• 如何检查鼠标是否在jQuery中的元素上？
• jQuery在开始触发之前检查悬停状态

但仍然不完全。事情是这样的：我正在写一个小画廊，并且在某些时候用户点击了一个缩略图。图像的大版本显示为全屏的内部。到目前为止，一切都很好。当鼠标悬停在上面时，我会显示三个图像：关闭、左、右，用于浏览相册；当鼠标离开图像或导航图像时，三个导航图像消失。

这三个导航图像与主图像部分重叠，例如关闭图像是左上角的圆圈。这就是棘手的部分。

只要鼠标从主图像离开侧面，或从主图像移到三个重叠的小图像之一上，mouseleave 就会触发。mouseenter 会按预期触发每个小的重叠图像。

但是，这会产生一种时髦的闪烁效果，因为在主图像的 mouseleave 上我 hide() 三个小图像，由于重叠并且鼠标仍然在主图像的顶部，这会立即触发主图像的 mouseenter。

为避免这种情况，我尝试确定在鼠标离开主图像时，鼠标是否已移动到其中一个小的重叠图像上。为此，我使用了以下代码：

这在 Safari 和 Chrome 上效果很好，但不适用于图像仍然闪烁的 FF 和 IE。进一步研究帖子，似乎“：悬停”是这里的问题，因为它不是正确的选择器表达式，而是 CSS 伪类？

我尝试使用在鼠标输入/鼠标离开各种图像时打开/关闭的开关，但这也不起作用，因为事件似乎以不同的顺序触发。

我该怎么做？谢谢！

编辑：我可能需要澄清：在显示导航按钮之前，我设置了它们各自的 left 和 top 属性，以便根据主图像的位置放置它们。这意味着我需要做一些工作才能在 jQuery 选择器上调用 .show() 。我尝试添加一个新函数 .placeShow()，但对于 $(".nav-button:hidden").placeShow() 之类的选择器来说，这并不能很好地工作。

您好，我希望有人可以帮助我，我已经设置了 nivoslider，但我希望改变 contral-nav 拇指操作的方式。开箱即用时，单击缩略图时主图像会发生变化，我希望将其更改为悬停。我在 nivoslider 插件中找到了以下几行：

然后我将 .live('click, 更改为 'hover' 并且在悬停时滑块确实发生了变化。问题在于尝试将鼠标悬停在上一个缩略图上时：主图像没有改变我必须返回两个项目才能得到它再次改变。有人有什么想法吗？

谢谢

这个问题可能有点连线，但换句话说我有一个菜单（见jsfiddle）

当我将鼠标悬停在一个 div 上时，我会得到一个下拉菜单。当我鼠标离开时，下拉菜单消失。到目前为止，一切都很好。

问题是如果鼠标也悬停在下拉菜单上，我希望菜单保持打开状态。

一些代码：

如果有人可以重新提出我的问题来说出我的意思，请这样做。

谢谢

更新：请参考这个问题：当它通过链接时，如何隐藏 iframe（即跟随鼠标）？（最佳解决方案）

我试图创建一个对象在屏幕上随处跟随鼠标的功能，但是当鼠标悬停在链接上时，mousemovement 必须停止，因此跟随鼠标的对象在单击链接时不会干扰。为此，我创建了一个#safe css 用作我的链接 ID。我试图取消绑定和绑定'mousemove'，当鼠标悬停在链接上时它会取消绑定，但当鼠标离开链接时不会绑定回来。我该如何解决？

这是我的小提琴：http: //jsfiddle.net/czdpY/

所以我有这段代码，它创建一个 div 来阻止一个复选标记的图像，然后向右滑动，使它看起来像是正在绘制复选标记。一切正常，除了我希望代码像用户悬停一段时间一样执行，即使用户只悬停一秒钟。目前，当用户停止悬停时动画停止。谢谢各位！