1、HTML5 3D衣服擺動特效 超酷HTML5 3D動畫
前面我們介紹過很多HTML5 3D動畫特效，最經典的要算HTML5 WEBGL水面水平水波盪漾特效。今天我再向大家分享一款HTML5 3D衣服擺動動畫特效，動畫也是在HTML5Canvas上完成，它模擬衣服晾在繩子上，點選滑鼠可以讓衣服擺動起來，就行風吹動它一樣，非常逼真炫酷。
線上演示 原始碼下載
2、jQuery產品圖片滑動展示動畫
我們在電子商務網站上需要展示圖片的時候，需要用到jQuery的產品圖片展示外掛會比較方便，今天分享的這款jQuery圖片滑動展示動畫就很好的解決了產品圖片展示的效果。利用該外掛，我們可以產品圖片分組，然後每一組即可切換顯示。
線上演示 原始碼下載
3、仿QQ空間相簿圖片瀏覽jQuery外掛
今天我們要來分享一款基於jQuery的相簿圖片瀏覽外掛，它是一款仿QQ空間的相簿瀏覽元件，點選縮圖即可彈出圖片瀏覽視窗，這款jQuery相簿圖片瀏覽外掛的特點是：1、支援左右鍵來切換圖片；2、支援ESC鍵退出相簿瀏覽模式；3、可傳入自定義的文字描述。缺點是沒有應用任何動畫，使圖片瀏覽的體驗性不是很高，不過你可以通過利用jQuery動畫或者CSS3來實現。
線上演示 原始碼下載
4、HTML5 3D旋轉圖片相簿 可滑鼠懸停
圖片特效在HTML5應用中十分廣泛，我們也在html5stricks上收集了不少HTML5圖片特效，今天要分享的這款HTML5 3D旋轉圖片相簿又非常絢麗，和之前分享的這款HTML5/CSS3 3D環形圖片牆類似，也是一面立體的圖片牆，圖片不停的切換，滑鼠滑過圖片時即可啟用圖片檢視。
線上演示 原始碼下載
5、jQuery全屏滑塊焦點圖 可自定義內容
之前我們已經分享過很多jQuery焦點圖外掛了，很多焦點圖都非常實用，可以應用到自己的網站上去。這次要分享的也是一款基於jQuery的全屏方式滑塊焦點圖外掛，滑塊的內容可以自定義，可以是幾張圖片的組合，也可以是橫幅廣告。
線上演示 原始碼下載
6、HTML5/CSS3淡入淡出滑塊焦點圖 非常清新
我們已經分享過幾款簡單的CSS3/jQuery焦點圖外掛，像HTML5結合jQuery實現圖片滑塊特效、CSS3/jQuery全屏立體焦點圖等，大家可以到焦點圖欄目下查詢。今天要分享的這款焦點圖切換時有淡如淡出的動畫效果，是利用HTML5和CSS3實現。
線上演示 原始碼下載
7、HTML5 3D相簿圖片輪播動畫
這是一款基於HTML5和CSS3的3D相簿瀏覽外掛，它可以將相簿中的圖片以3D的方式展示出來，並且你可以滑動下面的滑桿來滑動圖片瀏覽，同時，我們也可以指定數字讓其直接跳轉到指定的圖片。這款HTML53D圖片輪播動畫用起來非常棒。
線上演示 原始碼下載
以上就是7款炫酷實用的jQuery/HTML5圖片應用，歡迎收藏分享。
本文轉載自：http://www.html5tricks.com/7-useful-jquery-html5-image.html
相關閱讀
評論(1)