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/