我正在处理一个图像预加载器,它将预加载页面上的所有图像.我的方法如下:
onDomReady,循环遍历$(“*”)//当DOM准备好时,遍历所有元素
> if $(this).tagName.toLowerCase()==’img’,读取src属性,并预加载该图像
>否则如果$(this).css(“background-image”)!=“none”,请阅读background-image prop并预加载该图像
我的问题是这种方法不适用于:hover类,它通常是需要预先加载的图像.
我想要做的是,在循环遍历所有元素时,检查:hover伪类的存在,然后检查该类的“background-image”属性的存在.
我真的很想坚持这种方法,因为它a)允许我不必明确指定我想要预加载的每个图像,以及b)在CSS中处理相对路径,如同阅读“background-image “属性为我提供了相对于页面的路径.
所以,我的问题是:
是否可以使用jQuery读取元素的:hover伪类的CSS属性?如果没有,有什么建议吗?
谢谢!
解决方法
在加载页面以搜索所有DOM / CSS图像时,这将非常密集……在公共站点上可能不是一个好主意.一个很好的选择是利用图像精灵(
http://www.google.com/images/nav_logo26.png)并用CSS定位它们