就在不久之前, Flash 是被web設計師用來爲網站
添加交互的重要技術之一!自從Ipad誕生, 並且不支持 Flash Player, 加速了web開發中使用其他技術代替flash,比如 jQuery, Ajax 還有其它。
儘管在很多情況下Flash在仍然是一個非常強大和有用的工具,web設計師習慣於用flash完成一些特效,但這些都能用jQuery輕鬆實現!下面有21 個在線的演示來顯示jQuery在製作高級特效和交互方面的強大能力,可以媲美Flash!
1. Flip! 一個 jQuery 插件
這個演示 模仿流行的卡片翻轉的效果,可以360度旋轉自身,x或y維度!
這是一個強大的插件用來在頁面上排序數組的元素/圖標,有酷的漸入 /漸出和動畫特效!
3. ImageFlow
這個圖像瀏覽器和蘋果的CoverFlow界面很相似,讓用戶能夠很熟悉他們的產品和應用!
4. 用jQuery代替flash建立一個交互性地圖
這個演示展示了jQuery用ajax技術創造迷人的界面的強大能力!
5. 用jQuery & CSS3滑出消息
點擊+號用漂亮的光滑的動畫效果展示附加的信息!
6. Zoomer Gallery
在這個演示中看起來靜態的畫廊被multi-layer zoom特效變得富有交互性,當移到圖像上時會產生縮放!
7. jQuery Circulate
這個演示展示了滾球的粒子效果,所有的特效都是用jQuery
8. Photo Zoom Out Effect
這個也是一個圖像伸縮的特效,看起來靜止的畫面,會隨着你的鼠標移過而變得富有生機!
9. Sliding Boxes and Captions with jQuery
這裏我們可以看到原本只能被flash開發者創造的過渡特效,現在使用jQuery一樣可以辦到!
10. CSS3 Lightbox Gallery
這個插件看起來是爲媒體展示圖片特別製作的,你可以任意拖拽圖片達到圖片拼接的效果,你還可以單擊放大圖片!這是一個強大的圖片展示特效!你還可以用API使用ajax技術讓人們分享圖片到Flickr,twitter,Facebook或者其他網站 !當然中國的新浪微博、人人網、開心網也能!
11. 用jQuery和CSS3創造一個拍照效果!
一眼看去這個演示像遊戲狙擊,乍一看居然是拍照功能!這是一個很強大的工具,當用AJAX或者HTML5本地存儲時,用來對付特別大的圖像!
12. Awesome Bubble Navigation-可怕的泡沫導航效果
開發者用色彩變換和動畫創造出一個非常吸引人的並且富有交互性的菜單!
13. Beautiful Background Image Navigation
酷炫的圖片展示特效,用來做導航會有驚人的效果!
14. AviaSlider
AviaSlider採用經典的類似Flash的過渡效果,以強化滑塊界面。
15. Background Image Slideshow
動畫背景的地方flash用來支配的網頁設計之一。這裏有一個例子使用jQuery代替。
16. Panning Slideshow
另一個獨特採取典型幻燈片界面。在這裏,筆者增加了對角線導航的接口,並使其脫穎而出。
17. jqFancyTransitions
這個插件可以用來顯示作爲一個具有奇特法拉盛般的幻燈片過渡效果的照片。
18. iCarousel – Horizontal images slider
另一個幻燈片,添加了緩和的過渡和真的挺身而出。這也難怪他們選擇在此演示,展示性感的Mac產品。
19. Making an Interactive Picture with jQuery
該演示可用於拍攝的網站 那裏有很多優勢的屏幕空間。該網站 上發現的第一個模式框點擊它顯示更多關於點擊部分的信息。
20. Cloud Zoom
一個插件,看起來好像是在考慮電子商務設計。雲縮放易於實現,能真正提高用戶的體驗。
21. Apple-like Retina Effect
任何人誰使用了一iPhone,iPod的觸摸,或ipad,將擴大在屏幕上時,你碰了長時間的面積小面積熟悉。此演示實現這個桌面效果。
專爲WDD編譯 Kalim 艦隊, 。他是一個專業網站 設計者和博客與超過6年的經驗。這個網站 是他的激情,他自己的時間寫博客的分裂,軟件的發展和社會的媒體。他喜歡使用和開發新的應用網 絡、移動、桌面。