10+个jQuery Image Sprite插件和教程

今天，我们将与您分享10多种jQuery Image Sprite插件和教程的集合。 使用这些插件，现在可以创建功能强大的动画和效果。 对于想要创建任何动画内容（例如游戏角色等）的人来说非常有用。

1.可伸展的精灵

跨浏览器，响应式调整/拉伸CSS Sprite图像。

来源+演示

2. jQuery和CSS Sprite动画

现在可以创建功能强大的动画和效果，而无需使用任何第三方插件。在今天的截屏视频中，我将向您展示什么是sprite，以及使用jQuery创建整个动画场景有多么容易， CSS和Sprites。

源 演示

3.针迹

HTML5 Sprite工作表生成器。

来源+演示

4.使用Spritely jQuery插件对Sprite进行动画处理

Spritely.js是一个很棒的简单的jQuery插件，用于动画精灵。 对于想要创建任何动画内容（例如游戏角色等）的人来说非常有用。

源 演示

5.精灵旋转

一个jQuery插件，可在您的网站中启用精灵动画。 该插件的目的是提供某种产品的360度视图。

来源+演示

6.用于卡通背景图像精灵动画的jQuery插件– AniDG –（与动画Gif无关）

一个简单的jQuery插件，可让您为背景图片制作动画。 该插件基本上是动画GIF的替代品，但有很多好处。

源 演示

7. jQuery Kwicks和CSS图像精灵教程

这是一种引人注目的jQuery效果…它使用了Jeremy Martin的Kwicks for jQuery插件，我在其中添加了使用CSS图像精灵的效果。

源 演示

8. AutoSprites –一个jQuery菜单插件

该插件现在包含对活动状态的支持。 它同样易于使用，并且所有动画仍然可以使用。

源 演示

9. jQuery.spritely

由Artlogic创建的jQuery插件，用于以纯HTML和JavaScript创建动态角色和背景动画。 这是一个简单，轻巧的插件，提供了几种简单的方法来创建动画精灵，例如您在此页面上看到的小鸟以及动态滚动背景。

来源+演示

10. jQuery精灵

精灵（动画）的jQuery插件。

源 演示

11. spriteOnHover（Sprite on Hover）– jQuery插件

一个轻量级的jQuery插件，旨在在悬停时为您的Sprite表格设置动画…

来源+演示 更多演示…

From: https://www.sitepoint.com/image-sprite-plugins-tutorials/