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

Question

我有这样的图像：

我想把它分成六个方块，我可以继续循环来显示动画。 您是否有任何想法通过JS + CSS分割图像，而不是使用6个单独的图像文件。

Answer 1

将其设置为背景图像并操纵背景位置。

更新：如上所述，该技术称为CSS Sprites。在Google上搜索animation with css sprites可以获得一些好的结果。

Answer 2

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

Answer 3

至少有两种技术

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

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