如何使用Javascript + CSS分割图像？

Question

我有像这样的：

我想把它分成六个正方形，我可以一直循环显示动画。 你有什么想法来分割图像的JS + CSS而不是使用6个独立的图像文件。

Answer 1

这里的an article from SitePoint关于使用jQuery的精灵动画。

Answer 2

它设置为背景图片和manipule背景位置。

更新：如上所述，该技术被称为CSS Sprites。搜索animation with css sprites的谷歌出现了一些好的结果。

Answer 3

至少有两种技术

• 使用图像作为背景
• 使用CSS剪辑

Here是使用第一种技术的一个很好的例子。