20+功能強大的jQuery/CSS3圖片特效插件

如下是分享的20幾個不錯的圖片特效插件，基於jQuery和CSS3。

一、jQuery圖片下滑切換播放效果

這是一款基於jQuery的焦點圖插件，這款焦點圖的特色是有向下滑動的動畫效果，滑到底部時，有彈跳的效果，焦點圖很霸氣，很是不錯。

 

在線演示    /   素材下載

二、jQuery帶鬧鐘功能的數字時鐘

這是一款基於jQuery的數字時鐘，這款時鐘的特色是帶有鬧鐘功能，你能夠爲時鐘設置多少時間後開啓鬧鈴，很實用吧。

在線演示    /    素材下載

三、jQuery平面時鐘

這款jQuery時間插件很是有特點，它是一款平面時鐘，時鐘能夠顯示年月日、星期、時分秒，該時間插件利用一種時鐘圖片結合jQuery讓圖片中的時間走動起來。

在線演示    /    素材下載

四、jQuery百葉窗幻燈片效果

這是一款多風格的jQuery百葉窗幻燈片圖片網頁素材，該jQuery圖片播放插件十分小巧，能夠自定義圖片的數量，隨機百葉窗效果。

在線演示    /    素材下載

五、CSS3立體動感進度條

這是一款純CSS3實現的進度條，該進度條能夠用來展現用戶技能，不一樣的技能程度進度條會有不一樣的值，再加上其立體的效果，這款進度條就更加漂亮了。

在線演示    /    素材下載

六、jQuery無限極手風琴圖片展現

這是一款基於jQuery的圖片手風琴插件，咱們能夠定義無限張圖片，點擊圖片的側邊，便可以展開大圖，手風琴效果還不錯。

在線演示    /     素材下載

七、jQuery曲線圖片播放插件

這款jQuery圖片播放插件的特色是圖片切換的時候有一條流暢的曲線，很是時候播放一些產品宣傳圖片。

在線演示    /    素材下載

八、Google Doodle粘土動畫

這是Google Doodle設計的Logo圖標，該動畫是爲了記念粘土大師而設計的，該動畫是利用一張圖片實現的，經過播放圖片中不一樣的幀來實現這個動畫。

在線演示    /    素材下載

九、jQuery圖片縮放插件Zoomer

jQuery圖片縮放插件Zoomer，Zoomer是一款很是出色的jQuery圖片處理插件，Zoomer能夠幫助你放大縮小圖片，並能夠在縮放圖片時瀏覽大圖，若是你須要瀏覽一些高清圖片，建議使用Zoomer插件。

演示地址    /    源碼下載

十、jQuery圖片3D旋轉播放插件

jQuery圖片3D旋轉播放插件，這是一款強大的jQuery圖片旋轉播放插件，3D的效果大大加強了該插件的視覺感覺。圖片提供自動播放，也提供手動切換，若是在你的產品首頁上應用這款jQuery插件將爲頁面增色很多。

在線演示    /    源碼下載

十一、jQuery 3D圖片展現效果，帶圖片描述

這是一款基於jQuery和CSS3的3D圖片展現效果，圖片一開始躺在桌面上，點擊圖片時，圖片就像站起來同樣展現出來，很是有立體的感受，而且圖片展現時帶有圖片描述的toolTip。

在線演示    /    源碼下載

十二、jQuery仿QQ窗口抖動特效

這是一款基於jQuery的圖片抖動特效，遺憾的是這款仿QQ抖動特效仿的不是很完美，可是也算是頗有創新。

在線演示    /    源碼下載

1三、jQuery原始圖片對比插件

對圖片渲染加工後，若是你想和原圖作對比，那麼這款jQuery原始圖片對比插件就能很方便地幫你實現圖片對比功能。鼠標拖動滑桿，就可在原圖上對加工後的圖片進行對比。

在線演示    /    源碼下載

1四、jQuery流水線圖片滾動插件

這是一款基於jQuery的圖片滾動插件，該插件的特色是圖片以流水線的方式流動，效果十分酷。

在線演示    /    源碼下載

1五、jQuery下一張圖切換效果

這個jQuery插件主要實現下一張圖片的切換，當鼠標移過當前圖片時，圖片右側將會顯示一個半透明的下一張按鈕區域，點擊該區域就能切換到下一張圖片，而且切換時有動畫效果。

在線演示     /    源碼下載

1六、jQuery右側帶縮略圖焦點圖插件

這是一款功能強大的jQuery焦點圖插件，該jQuery焦點圖的特色是右側能夠展開一行縮略圖和描述，點擊相應選項便可播放相應的圖片，該jQuery焦點圖的擴展性也很強。

在線演示    /    源碼下載

1七、jQuery先後翻頁焦點圖

這也是一款很是出色的jQuery焦點圖插件，從焦點圖的外觀看，該jQuery焦點圖雖沒有過多的修飾，但看起來十分大方。從焦點圖的功能看，該jQuery焦點圖擁有自動播放圖片、手動切換圖片、隨機圖片切換動畫，我想這些功能足夠你使用了。

在線演示    /    源碼下載

1八、jQuery抖動動畫焦點圖

這是一款基於jQuery的動畫焦點圖，該焦點圖在切換圖片的時候會出現抖動動畫，是一款很時尚的jQuery焦點圖。

在線演示    /    源碼下載

1九、jQuery手風琴圖片切換效果，支持橫向和縱向

這是一款基於jQuery的手風琴效果，這款手風琴插件功能相對完善，也知足橫向和縱向的模式，用戶也能夠靈活地定義不一樣的外觀樣式。

在線演示    /    源碼下載

20、jQuery實現3D圓盤圖片播放，支持鼠標滾輪

這款相片播放工具是基於jQuery實現的3D圓盤類型的，圖片像是在圓盤上旋轉同樣，支持鼠標滾輪，並且圖片有漂亮的tooltip。

在線演示    /    源碼下載

2一、jQuery帶文字描述的焦點圖

這是一款基於jQuery的寬屏焦點圖，該jQuery焦點圖帶有文字描述，文字描述區域和原圖之間透明顯示，很是大氣。

在線演示    /    源碼下載

2二、jQuery寬屏帶縮略導航焦點圖

這款焦點圖有兩個特色，第一就是寬屏，夠大氣。第二就是帶有縮略圖導航，方便瀏覽大圖片。

在線演示    /    源碼下載

2三、jQuery抖動式圖片切換效果

這也是一款基於jQuery的圖片切換插件，不過圖片切換的時候會產生抖動的特效，你能夠在演示頁面點擊切換下一張圖片看看。

在線演示    /    源碼下載