javascript - 如何用图像替换表单按钮，并在悬停时更改图像？还有 Sprite 与单独的图像？

Question

我记得在某个地方(很久以前)读到过，当您尝试在悬停时更改图像时， Sprite - 或者至少我认为它们是这样称呼的 - 比使用两个图像更好。我相信推理与不拖延有关。例如，有时我会去一个网站并点击一个链接，但有一瞬间那里没有图像……它是空白的……在第二个出现之前。那不是因为第二张图片必须先加载吗？如果是这样的话，“ Sprite ”不是更好吗？

现在我想采用哪种方法更好。基本上，我有一个表单按钮，我想用一张图片来改变……当鼠标悬停在上面时，我想让它改变。

我用谷歌搜索并发现了类似 <input type="image" ...> 的操作会工作，但其他人说这不是正确的方式 yady yady ya。

那我应该怎么做呢？ Sprite 还是单独的图像？最重要的是，我该怎么做？

非常感谢，新手。

Answer 1

是的，spirits 在性能/带宽方面更好，你应该看看:

• > CSS Sprites: Useful Technique, or Potential Nuisance?
• > CSS Sprites: What They Are, Why They’re Cool, and How To Use Them
• > Saving Bandwidth and Improving Site Speed Using CSS Sprites

另请参阅:

• > CSS Sprite Generators