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

【问题标题】：How to split the image using Javascript + CSS?如何使用 Javascript + CSS 分割图像？
【发布时间】：2010-11-21 20:13:23
【问题描述】：

我有这样的图像：

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

【问题讨论】：

【解决方案1】：

将其设置为背景图片并操作背景位置。

更新：正如seth 提到的，该技术被称为CSS Sprites。在 google 上搜索 animation with css sprites 会得到一些不错的结果。

【讨论】：

【解决方案2】：

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

【讨论】：

【解决方案3】：

至少有两种技术

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

【讨论】：