问题标签 [rollover]

我正在尝试使用 mouseover、mouseout、addClass 和 removeClass 的组合创建一个简单的鼠标悬停效果。基本上，当用户将鼠标悬停在一个元素上时，我想应用不同的边框（1px 灰色虚线）。初始状态是“1px 纯白”。我有一个名为“highlight”的类，其中只有“border: 1px dashed gray”。我想添加该类 onmouseover 并在 onmouseout 上删除它，但除非我在“highlight”类中使用 !important ，否则我无法获得我想要的效果。

我有多个 DIV，每个 DIV 都包含一个图像。当我翻转这些 DIV 时，我希望另一个 DIV 在顶部淡入。当我推出这个新的 DIV 时，它应该会再次淡出。本质上，我想要这里的缩略图网格http://www.visualboxsite.com/

这是我写的代码：

这样做的问题是：

• 当我滚动其中一个 DIV 时，所有新的 DIV 都会出现，而不仅仅是鼠标悬停的那个
• 将鼠标移到和移出 DIV 反复“堆叠”淡入/淡出功能

任何人都可以帮助解决这些问题吗？

我有一些在 Firefox 中运行良好的 JavaScript 翻转代码，但是当我在 IE 中尝试时，我得到了这个错误：

消息：'document[...]' 为空或不是对象行：25 字符：13 代码：0 URI：http ://www.jgm-design.com/

我使用的代码是：

知道为什么吗？还是解决方案？

我使用此代码，以便（例如）带有类 'ro' 的 test.gif 在翻转时更改为 test_o.gif，问题是当图像不在缓存中时，翻转和翻转时会出现延迟。

基本上，如果我清除缓存并访问测试页面，每次我翻转和翻转图像时，它每次都会加载文件，所以你可以在那里坐几个小时，但每次它仍然会加载翻转图像。但是，当我刷新页面并且图像现在在缓存中时，它会立即工作，这是我需要实现的。

我试过用这个

http://flesler.blogspot.com/2008/01/jquerypreload.html

用这个预加载图像的插件

代码，但它似乎没有效果。

有任何想法吗？

嗨，我一直在努力寻找这个问题的答案。我正在尝试使用使用翻转的 jquery 创建导航栏。因此，三个不同的选项卡/图像有一个打开状态、关闭状态、单击状态。

示例：主页 | 支持 | 关于

我遇到的问题是获得单击/打开状态以关闭其他图像/选项卡（如果它已经处于打开/单击状态）。不断改进的是每个选项卡在单击时都保持活动状态，而不是打开和关闭。

这是代码

任何帮助，将不胜感激。我是 jquery 的新手，我真的很喜欢这个。

我一直试图让这段代码工作一段时间，但无法弄清楚出了什么问题。它适用于图像的三态翻转。（我知道我可以用 CSS 做到这一点，所以请不要回答。）目标是，我正在尝试学习 jquery，作为学习的一部分，我试图找出我在这里缺少的东西。

我遇到的问题是，当您执行 mouseover 和 mouseout 事件时，按钮会正确突出显示。但是，当我单击一个按钮然后单击另一个按钮时，我单击的所有按钮都会停留在上面。我需要能够像点击每个图像一样切换打开状态，就像典型的选项卡控件一样。

我知道有更好的方法可以做到这一点，但我真的很想知道我做错了什么，我非常沮丧。因此，如果有人可以帮助专门修复我发布的代码，我将不胜感激。同样，我知道这可以通过某些 CSS 技术来完成，但我想了解我在这里做错了什么。

我需要一个可以正常工作的正则表达式，我目前的正则表达式正在破坏。

目标是

图像的正常 src 是：Image.png

在悬停时使用 jQuery 我动态查找图像的 src 并将其替换为 ImageName-Dn.png

悬停时将其设置回 ImageName.png

我目前的解决方案：

然而，由于某种原因，图像在某些时候被设置为ImageName-Dn.png然后搞砸并被设置为ImageName-Dn-Dn.png依此类推。有什么帮助吗？

I'm new to the site and need some help!

I need buttons that when rolled over, they reveal a table (I got that done), as well as change their own image to a tab (which they do), but keep that rollover tab image until the mouse leaves either the button or its respective table (this is the problem).

Basically, it's pretty easy to get it to change images, and to have to tables expand and disappear properly, but I can't get the buttons to return to their original image when you move away from them or the table they belong to.

I got a line of code that makes them behave like a regular rollover, but it's no good because the table below is not nested within the same object and thus the image rolls back when I want it to remain rolled over.

I'm aware that the fact that my buttons and their tables are not nested together complicates things, because I can not traverse with children or ancestors, but I'm hoping there's a way around that.

Below is my sample code, which is pretty screwy for what I'm trying to do since the person I'm working for wanted a lot of sequential animation of different parts.

Here is the HTML:

And here is my JavaScript/jQuery:

我正在为我正在构建的网站使用 Jquery 中的图像切换功能。有很多项目，所以我大量压缩了很多这些图像。然而，其中一些看起来不像 .gifs 那样好看，而且制作 .jpg 真的才有意义。

我的问题是此代码仅将一个图像交换为另一个名称不同但前缀相似的图像。有没有办法只交换文件的名称，这样如果我有一个 .gif 或 .jpg，它只是将名称从 _static 交换为 _rollover 就没有关系了？

这是我正在使用的代码：

和图像开关的 HTML

要切换的图像命名为/img/mr_button_rollover.jpg

谢谢！

所以我写了一小段代码来尝试一些新的方法来进行图像交换以进行预加载，但我遇到了一些麻烦。

我的问题是我有一个包含一些填充和文本的图像的容器，但是我的翻转激活仅在有人翻转图像而不是容器时发生。我一定有一些小错误，希望有人可以帮助我。仍然在学习！

这是html：

这是jQuery：