javascript - 悬停状态为文本时预加载图像的最佳方式?

标签 javascript css image preload

我知道当您在两种状态下都使用图像时,使用 CSS sprites 是可行的方法,但是当您将文本作为未悬停状态而将图像作为悬停状态时呢?

我能想到几种方法,但想知道人们认为哪种方法最好?

我可以考虑通过 JavaScript 或通过隐藏的 CSS 元素加载它。

最佳答案

你在为 other relevant images 使用 CSS Sprites 吗?在你的网站上?

如果没有,那么你应该去做。

将您的“其他相关图像”和“菜单图像”放在同一个 sprite 图像中。

即使它只是针对另一张图片,这也意味着您的 :hover 菜单图片会自动预加载。

关于javascript - 悬停状态为文本时预加载图像的最佳方式?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6178060/

相关文章:

javascript - 如何在 javascript 中以 unix 格式获取昨天的日期?

javascript - 数组链导致未定义

twitter-bootstrap - Bootstrap 如何根据图像使文本响应

image - 如何使用golang从文件系统中的base64字符串创建jpg/png图像

javascript - 很棒的字体和 javascript

javascript - 如何检查字符串是否是有效的十六进制颜色表示?

javascript - 在 jQuery UI 可排序对象上模仿 `overflow-y: auto; overflow-x: visible`

javascript - 在同一个页面中打印,而不是在弹出的新单独页面中打印

linux - 从 Linux 命令行列出文件夹中所有图像的宽度和高度

python - 如何使用 pyplot 正确显示图像的红色、绿色和蓝色 (rgb) channel