以往web开发中都使用Gif来实现加载中的效果,但是随着技术的发展我们也可以使用jQuery和CSS来实现加载中的效果,希望大家喜欢!
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
来源:10个CSS和jQuery的加载中(loading)动画效果实现