Chrome 上的 JS Sprite 动画

Question

我正在我的网站上制作一些精灵动画（复活节彩蛋）。它在 Mozilla 上运行良好。但在 Chrome 上它不起作用。问题是每次我使用 $("img").attr('src', 'new_path') 它下载新图像（不是从缓存中）。我该如何解决？

请在 Mozilla 上打开它，然后输入“holycow”，您将看到它必须如何工作。然后在 Chrome 上打开它。

http://html5.maniac.mn/

Javascript：http://html5.maniac.mn/js/liukang.js

Answer 1

先生，您这样做是错误的。您需要制作一个精灵表并偏移背景位置。否则，您至少会在一个浏览器中闪烁。如果您需要示例，我可以更新此答案。

这是一个实际的示例：

http://www.wrightonwrong.com/

将鼠标悬停在郁闷的简笔画人物上。您可以在此处查看 js 源和任何图像资源，以了解我是如何做到的。

这里有一个稍微复杂的版本： http://www.innercirclestyles.com/