炫酷實用 7款jQuery/HTML5圖片應用
jQuery非常強大,我們這裡有很多關於jQuery焦點圖的外掛,今天我們精選了7款利用jQuery和HTML5實現的超炫酷圖片特效應用,有些也是焦點圖外掛,一起來看看吧。
1、HTML5 3D衣服擺動特效 超酷HTML5 3D動畫
前面我們介紹過很多HTML5 3D動畫特效,最經典的要算HTML5 WebGL水面水波盪漾特效。今天我再向大家分享一款HTML5 3D衣服擺動動畫特效,動畫也是在HTML5 Canvas上完成,它模擬衣服晾在繩子上,點選滑鼠可以讓衣服擺動起來,就行風吹動它一樣,非常逼真炫酷。
2、jQuery產品圖片滑動展示動畫
我們在電子商務網站上需要展示圖片的時候,需要用到jQuery的產品圖片展示外掛會比較方便,今天分享的這款jQuery圖片滑動展示動畫就很好的解決了產品圖片展示的效果。利用該外掛,我們可以產品圖片分組,然後每一組即可切換顯示。
3、仿QQ空間相簿圖片瀏覽jQuery外掛
今天我們要來分享一款基於jQuery的相簿圖片瀏覽外掛,它是一款仿QQ空間的相簿瀏覽元件,點選縮圖即可彈出圖片瀏覽視窗,這款jQuery相簿圖片瀏覽外掛的特點是:1、支援左右鍵來切換圖片;2、支援ESC鍵退出相簿瀏覽模式;3、可傳入自定義的文字描述。缺點是沒有應用任何動畫,使圖片瀏覽的體驗性不是很高,不過你可以通過利用jQuery動畫或者CSS3來實現。
4、HTML5 3D旋轉圖片相簿 可滑鼠懸停
圖片特效在HTML5應用中十分廣泛,我們也在html5tricks上收集了不少HTML5圖片特效
5、jQuery全屏滑塊焦點圖 可自定義內容
之前我們已經分享過很多jQuery焦點圖外掛了,很多焦點圖都非常實用,可以應用到自己的網站上去。這次要分享的也是一款基於jQuery的全屏方式滑塊焦點圖外掛,滑塊的內容可以自定義,可以是幾張圖片的組合,也可以是橫幅廣告。
6、HTML5/CSS3淡入淡出滑塊焦點圖 非常清新
我們已經分享過幾款簡單的CSS3/jQuery焦點圖外掛,像
7、HTML5 3D相簿圖片輪播動畫
這是一款基於HTML5和CSS3的3D相簿瀏覽外掛,它可以將相簿中的圖片以3D的方式展示出來,並且你可以滑動下面的滑桿來滑動圖片瀏覽,同時,我們也可以指定數字讓其直接跳轉到指定的圖片。這款HTML5 3D圖片輪播動畫用起來非常棒。
以上就是7款炫酷實用的jQuery/HTML5圖片應用,歡迎收藏分享。