有人知道使用 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/