jquery - 使用 jQuery 预加载 css 悬停图像

标签 jquery html css

有人知道使用 jQuery 预加载 css 悬停图像的好方法吗?

我最理想的是能够向任何应该预加载的元素添加一个类(比如“pre-load-hover”),然后将一些 js 放入$(document).ready() 循环遍历任何具有该类的 DOM 元素,找到它们的 css 背景图像并加载它。

问题是我无法找到一种轻松到达悬停图像位置的方法。 jQuery 选择器 :hover 似乎不起作用。

我也不想加载所有样式表并通过某种字符串搜索来搜索选择器。

最佳答案

我认为您应该尝试使用 CSS Sprite 。这是一种使用包含普通图像和悬停图像的图像的技术。然后你只需使用边距(使用负边距)来显示适当的图像。您可以阅读这篇关于 CSS sprites 的文章.

关于jquery - 使用 jQuery 预加载 css 悬停图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4132825/

相关文章:

javascript - jquery 下拉列表

html - 在 HTML 中将文本和问题与文本区域框分开的方法

css - CSS 选择器中的空格

css - 使用 CSS grid-template-areas 跨越多列的更简单方法

jquery - jquery 上的 IE7 链接问题

jquery - 段落文本上的 Chrome 填充问题

javascript - 如何验证 html 文本框不允许特殊字符和空格?

html - 白色 X 出现在我拥有的所有浏览器的灰色框中,但 iPad 上的 Safari 除外。我犯了错误还是Safari?

html - 在 div 中自动调整图像大小

jquery - 如何使用 IE8 的 jquery 或 javascript 将 marginTop 设置为 Div