问题标签 [jquery-hover]

我已经搜索过，这个问题似乎已经被问过多次，但我似乎无法在我的示例中使用它。

这里有一些代码可以玩：http: //jsfiddle.net/vol7ron/w8QsZ/2/

我正在寻找类似于flowplayer tooltip的东西，其中：

• 有一个触发器导致悬停时出现菜单
• 离开触发器菜单消失
• 如果用户将鼠标悬停在菜单（或工具提示）上，则弹出窗口应保持打开状态

我的猜测是触发器应该使用一些延迟hoverOut调用消失setTimeout()，但是在菜单上mouseenter()，应该清除超时。

我还是 jQuery 的新手，不确定在哪里存储生成的 timeoutID 以及在哪里调用它。

注意：同一菜单将用于多个触发器。

更新：好的，我有一些工作：这里
有人可以帮我清理它并提高效率。更重要的是，我不想对 timeoutID 使用全局变量。也许有更好的方法将它存储在对象中？

我想对 div 框应用悬停效果，一个页面上最多可以有 60 个框。它应该与 css 悬停效果相当，但我想对悬停颜色应用淡入淡出效果。例如，我将浅绿色作为背景颜色，将深绿色作为悬停背景颜色，然后它应该从一侧褪色到另一侧。

我玩了一下 jQuery，但可以得到我想要的结果：

在我的网站上，我展示了很多框，最多 60 个。每个框都可以悬停并有自己的颜色。我通过以下js意识到这一点：

当一个盒子悬停时，它应该得到#68BFEF作为背景色，当鼠标离开盒子时，颜色应该变成它的旧值。

这是我应用css的方式：

我的问题是悬停效果应该更快，颜色应该变化更快。另一个问题是不是所有的盒子都有旧的背景颜色。

有任何想法吗？

我在一个页面上显示 40 多个框：

如您所见，我设置了背景颜色和文本颜色。悬停时我想交换颜色：

背景颜色的动画有效，但我无法更改 a 元素的字体颜色。有任何想法吗？

我有以下代码来实现轮播，当用户随机执行悬停几秒钟时，看起来 jquery hover() 将它们放入队列并全部执行。我希望轮播如何工作只是执行最新的悬停。

我正在尝试使用 .hover 使 HTML 元素看起来像在发光。我的代码如下所示：

我得到的效果是，在鼠标悬停时，淡入淡出只是在无限循环中一遍又一遍地重复。当我查看控制台时，hoverIn 和 hoverOut 处理程序函数不断被调用。

任何想法可能会发生什么？

谢谢！

我在 jquery 下拉菜单中有问题。在我的示例（底部的链接）中，我希望当我悬停子菜单时，当前菜单项（第 2 项）的颜色保持悬停状态（示例中为白色）。

我想要这个在 jquery/javascript 而不是 css 中。

链接到带有完整代码的实时示例

谢谢

问候，

我正在尝试使用 jQuery 为导航栏上的每个按钮制作一个简单的淡入/淡出 DIV，但我遇到了一些问题。这是我正在尝试做的截图：

基本上，当用户将鼠标悬停在导航栏上的某个项目上时，导航下方会出现一个 div，其中包含与该按钮相关的文本。到目前为止我提出的标记是可怕的，我知道这不是解决这个问题的正确方法，我还尝试使用数组并用导航按钮的标题属性中的文本填充信息 div - 后者效果很好但是然后还会出现一个标题。

除了太复杂之外，它确实有效..在一定程度上。如果用户快速进出导航栏，它会导致整个事物闪烁（不使用 :hidden 和 :visible），或者如果使用 :hidden 和 :visible 则不会出现。

这是当前的标记：

信息 DIV 的 CSS

导航的 HTML

Javascript

解决此类问题的最佳方法是什么？基本上，我想淡入信息文本的 DIV，当用户移动到另一个按钮时更改其文本，并在他们移出导航栏时隐藏它。

谢谢！

解决方案（感谢 jmans）

更新 感谢 mVChr 的建议，代码已减少到几行。结合 jmans 提供的建议，它正在做我想做的事情：

我有一个带有 CSS 的 IMG，它使用 :hover 来显示背景。有没有一种简单的方法可以使用 jQuery 淡入背景而不是立即出现？

我目前的代码是：

我是一个 jquery 菜鸟，并且在图像保持原位时遇到了麻烦。我有一个 jquery-hover 函数，它获取图像的 src 属性并将其替换为名为“over”的属性的值。实际的图像替换工作正常，但只要 mouseenter 事件触发，翻转图像就会出现在 y 轴下方约 10% 处。我正在寻找一个图像与另一个图像的完全重叠“替换”，而翻转图像不会出现在不同的位置。这是功能：

HTML如下：

我敢肯定，这是一件非常简单的事情，更有经验的人会在心跳中看到。提前感谢您的帮助。