10个CSS和jQuery的加载中（loading）动画效果实现

以往web开发中都使用Gif来实现加载中的效果，但是随着技术的发展我们也可以使用jQuery和CSS来实现加载中的效果，希望大家喜欢！

相关文章：

5个在线Ajax“加载中”旋转图标生成器工具

分享10个jQuery图片加载插件和教程及其生成器

1. Sonic – Looping Loaders

一个非常小的JS class，你可以用来创建个性化的加载中动画。非常适合循环的动画。

2. Bouncy Animated Loading Animation

使用CSS3实现的加载中动画

3. CSS3 Loading Spinners without Images

CSS变化（firefox3.5和webkit类的浏览器）拥有很多的有趣功能，旋转，过渡和缩放等

4. Ajax Style Loading Animation in CSS3 (no Images)

加载中是网站开发中非常重要的元素，但是加载图片需要时间，因此这里使用CSS来开发加载中。

5. CSS Loading Animation Circle Style

使用CSS来显示加载中效果。你可以通过修改CSS来增加球形的尺寸。

6. Flickr Style Loading Animation using JQuery

flickr的加载中比facebook更简单。包括俩个不同演示的圆形。

7. CanvasLoader Creator

可以用来创建一个在线的工具来产生加载中效果

8. CSS3 Loading Animation

3个简答的CSS3加载中动画

9. CSS3 Loading Animation Loop

3个CSS3的加载中动画，可以用在各种场景下。例如使用jQuery的图片加载中特效

10. PageLoading – jQuery Plugin

这个jQuery插件帮助你显示一个加载中的效果。你可以定义参数来设置效果。包括，颜色，图标和背景颜色等。

via jQuery4u