jquery - 在鼠标悬停事件上切换图像的最佳方式是什么？

Question

在鼠标悬停事件上切换图像的最佳方式是什么？

当我将鼠标移到我网页上的某个对象上并移出该对象时，我想交换 2 张图像。

我想知道这两种情况: - 分配给 , , 元素的 css 背景图像(图像 url 在 css 文件中) - 元素(图片 url 在 html 代码中)

我目前正在为此使用 jQuery。但问题是，在第一次发生翻车事件时，第二张图片总是显示有一点延迟，因为它需要加载。

注意。我需要一个兼容所有浏览器的解决方案! (不需要 IE 6-7。IE 8、Firefox、Safari、Chrome...)

谢谢

Answer 1

使用 CSS sprites .

因为“两个”图像是同时下载的 - 它们会立即显示给用户。