Flash是被Web設(shè)計師用來為網(wǎng)站添加交互的重要技術(shù)之一！自從iPad誕生, 并且不支持Flash Player, 加速了Web開發(fā)中使用其他技術(shù)代替Flash，比如jQuery, Ajax 還有其它。

51CTO推薦專題：jQuery從入門到精通

盡管在很多情況下Flash在仍然是一個非常強大和有用的工具,Web設(shè)計師習(xí)慣于用Flash完成一些特效，但這些都能用jQuery輕松實現(xiàn)！下面演示了一些jQuery在制作高級特效和交互方面的強大能力，可以媲美Flash！

1. jqFancyTransitions

這個插件可以用來顯示作為一個具有奇特法拉盛般的幻燈片過渡效果的照片。

2. jQuery Quicksand 插件

這是一個強大的插件用來在頁面上排序數(shù)組的元素/圖標,有酷的漸入 /漸出和動畫特效！

3. ImageFlow

這個圖像瀏覽器和蘋果的CoverFlow界面很相似，讓用戶能夠很熟悉他們的產(chǎn)品和應(yīng)用！

4. Cloud Zoom

一個插件，看起來好像是在考慮電子商務(wù)設(shè)計。云縮放易于實現(xiàn)，能真正提高用戶的體驗。

#p#

5. 用jQuery & CSS3滑出消息

點擊+號用漂亮的光滑的動畫效果展示附加的信息！

6. Zoomer Gallery

在這個演示中看起來靜態(tài)的畫廊被multi-layer zoom特效變得富有交互性，當移到圖像上時會產(chǎn)生縮放！

7. Photo Zoom Out Effect

這個也是一個圖像伸縮的特效，看起來靜止的畫面，會隨著你的鼠標移過而變得富有生機！

8. Sliding Boxes and Captions with jQuery

這里我們可以看到原本只能被flash開發(fā)者創(chuàng)造的過渡特效，現(xiàn)在使用jQuery一樣可以辦到！

9. CSS3 Lightbox Gallery

這個插件看起來是為媒體展示圖片特別制作的，你可以任意拖拽圖片達到圖片拼接的效果，你還可以單擊放大圖片！這是一個強大的圖片展示特效！你還可以 用API使用ajax技術(shù)讓人們分享圖片到Flickr，twitter，F(xiàn)acebook或者其他網(wǎng)站！當然中國的新浪微博、人人網(wǎng)、開心網(wǎng)也能！

#p#

10. 用jQuery和CSS3創(chuàng)造一個拍照效果！

一眼看去這個演示像游戲狙擊，乍一看居然是拍照功能！這是一個很強大的工具，當用AJAX或者HTML5本地存儲時，用來對付特別大的圖像！

11. Awesome Bubble Navigation-可怕的泡沫導(dǎo)航效果

開發(fā)者用色彩變換和動畫創(chuàng)造出一個非常吸引人的并且富有交互性的菜單！

12. Beautiful Background Image Navigation

酷炫的圖片展示特效，用來做導(dǎo)航會有驚人的效果！

13. AviaSlider

AviaSlider采用經(jīng)典的類似Flash的過渡效果，以強化滑塊界面。

14. Background Image Slideshow

動畫背景的地方flash用來支配的網(wǎng)頁設(shè)計之一。這里有一個例子使用jQuery代替。

15. Panning Slideshow

另一個獨特采取典型幻燈片界面。在這里，筆者增加了對角線導(dǎo)航的接口，并使其脫穎而出。

原文作者：Kalim Fleet

原文鏈接：http://www.webdesignerdepot.com/2010/07/20-demos-showing-advanced-jquery-effects/

 【編輯推薦】

1. jQuery中10個強大的遍歷函數(shù)
2. 即刻提升jQuery性能的十個技巧
3. 12種jQuery性能優(yōu)化方法解析