以往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

轉載于:https://www.cnblogs.com/gbin1/archive/2012/02/29/2374781.html

總結

以上是生活随笔為你收集整理的10个CSS和jQuery的加载中（loading）动画效果实现的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。