不容錯過的jQuery圖片動畫及原始碼

edithfang發表於2014-10-23

本文要分享一些基於jQuery的圖片動畫效果,並且提供實現的原始碼。

1、jQuery文字描述懸浮焦點圖寬屏展示

這次我們要來分享一款jQuery焦點圖外掛,這款jQuery焦點圖外掛有2個特點,第一是焦點圖以寬屏的形式展現,第二是焦點圖的圖片上方懸浮著文字描述,並且可以在文字描述上點選切換按鈕。焦點圖整體非常大氣,不僅可以通過左右按鈕來切換,而且可以點選下面的按鈕來切換至任意圖片。



線上演示 原始碼下載

2、jQuery水平滑動選單 可篩選選單項

今天我們要來分享一款很特別的jQuery選單,整一個選單項都是可以水平滑動的,並且每一個選單項都有一個卡通的圖示,非常可愛。另外,選單項可以根據不同的分類篩選,很適合選單項繁雜的網頁應用,可以讓選單項整齊歸類。



線上演示 原始碼下載

3、純CSS3實現打火機火焰動畫

這又是一款很酷的純CSS3動畫特效,它是一個可以點燃的打火機,當你用滑鼠滑過這隻打火機時,打火機就會開啟,然後開始出現火焰燃燒的動畫特效。另外要說明的是,整個動畫都是利用純CSS3實現的,沒有一行JS程式碼,小夥伴們,這個CSS3動畫是不是很酷?



線上演示 原始碼下載

4、jQuery實現馬賽克圖片拼接翻轉動畫

之前我們分享過很多炫酷的jQuery圖片特效,有空大家可以看看。今天我們要再來分享一款基於jQuery的圖片特效,它的效果是圖片馬賽克翻轉動畫,並且將這些馬賽克塊狀圖片拼接起來組成一張完整的圖片,翻轉動畫非常的酷。



線上演示 原始碼下載

5、jQuery原始圖片對比外掛

這是一款很實用的jQuery圖片外掛,它可以幫助你實現原圖和經過處理的圖片進行對比,這款jQuery外掛一共有3中對比模式,主要是拖動中間的分割線來進行兩張圖片的細節對比。



線上演示 原始碼下載

6、HTML5/CSS3圖片過濾歸類應用

今天我們要來分享一款基於HTML5和CSS3的圖片特效,它可以很方便地將各種圖片進行歸類和過濾,在歸類過濾的過程中,圖片有非常酷的動畫效果,並且,結合CSS3的特性,這裡一共提供了3種炫酷的圖片過濾動畫。



線上演示 原始碼下載

7、HTML5/CSS3超酷焦點圖特效

今天要分享的這款HTML5/CSS3焦點圖外掛切換效果比較簡單,但是外觀和功能卻十分強大。該CSS3焦點圖在切換圖片時,圖片以淡入淡出的方式縮小消失並顯示下一張圖片。焦點圖外掛還擁有一套非常大氣的前後翻頁按鈕,是一款非常實用HTML5/CSS3焦點圖應用。



線上演示 原始碼下載

以上就是這些很酷的jQuery圖片動畫效果,歡迎收藏分享。
評論(1)

相關文章