如何获取/读取css属性:hover伪类
我正在使用图片预加载器来预加载页面上的所有图片。 我的方法如下:
onDomReady,通过循环$("*")
//在DOM准备就绪时通过所有元素
$(this).tagName.toLowerCase() == 'img'
,则读取src
属性,并预加载该映像 $(this).css("background-image") != "none"
,则读取background-image道具并预加载该图像 我的问题是,这种方法并没有拿起:hover类,它通常是需要预加载的图像。
我想要做的是能够在遍历所有元素的同时,检查hover伪类的存在性,然后检查该类的“background-image”属性的存在性。
我真的想坚持这种方法,因为它a)允许我不必显式指定每个图像我想要预先加载,和b)照顾在CSS内的相对路径,因为阅读“背景图像“属性给了我相对于页面的路径。
所以,我的问题是:
使用jQuery可以读取:hover伪类的CSS属性是否可能? 如果没有,有什么建议吗?
谢谢!
在加载页面以搜索所有DOM / CSS图像时,这会非常密集...在公共站点上这可能不是一个好主意。 一个好的选择是利用图像精灵(http://www.google.com/images/nav_logo26.png)并将它们放置在CSS中
它听起来像精灵是这个问题的正确解决方案。 但是,如果由于某种原因无法实现它们,您想要做的是访问document.styleSheets集合以搜索规则:悬停在它们中。 这个页面会让你开始。
链接地址: http://www.djcxy.com/p/3649.html