看看都是些什么 jQuery超炫特效趕超F(xiàn)lash

作者：Kalim Fleet 2010-08-04 10:03:57

文章列舉了一些堪比Flash的jQuery特效，盡管在很多情況下Flash在仍然是一個(gè)非常強(qiáng)大和有用的工具，但這些都能用jQuery輕松實(shí)現(xiàn)！

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

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

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

1. jqFancyTransitions

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

2. jQuery Quicksand 插件

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

3. ImageFlow

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

4. Cloud Zoom

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

#p#

5. 用jQuery & CSS3滑出消息

點(diǎn)擊+號(hào)用漂亮的光滑的動(dòng)畫效果展示附加的信息！

6. Zoomer Gallery

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

7. Photo Zoom Out Effect

這個(gè)也是一個(gè)圖像伸縮的特效，看起來靜止的畫面，會(huì)隨著你的鼠標(biāo)移過而變得富有生機(jī)！

8. Sliding Boxes and Captions with jQuery

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

9. CSS3 Lightbox Gallery

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

#p#

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