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)