10款基於jquery的web前端動畫特效

標籤：指定元素   絢麗   支援   今天   線上   標題   tle   select   圖片展示   

1.jQuery橫向手風琴圖片切換動畫

之前我們為大家分享過很多款基於jQuery和CSS3的手風琴菜單和手風琴焦點圖外掛程式，比如CSS3響應式垂直手風琴菜單和jQuery橫向手風琴圖片展示外掛程式。今天要介紹的也是一款基於jQuery的橫向手風琴圖片切換動畫，滑鼠滑過圖片時即可展開，並且圖片上方有文字標題，非常實用。

線上示範

源碼下載

2.jQuery/CSS3漸層顏色拾取器

之前我們向大家分享過一款功能十分強大的jQuery顏色拾取器，支援透明度的選取。今天要為大家介紹的同樣是一款基於jQuery的顏色選取外掛程式，不同的是，這款顏色拾取器功能更加強大，支援多個顏色的插入，形成漸層色的選取。

線上示範

源碼下載

3.jQuery世界國家城市多級聯動 支援關鍵詞搜尋

之前我們分享過幾款中國各城市的省市聯動下拉框，比如jQuery多級聯動美化版Select下拉框。今天要介紹的這款jQuery城市多級聯動功能更加強大，不僅支援全世界各個國家城市的多級聯動，而且每一級都支援關鍵詞搜尋，可以快速定位需要選擇的國家和城市。

線上示範

源碼下載

4.HTML5 Canvas 圓形進度條 顯示數字百分比

記得以前為大家分享過很多樣式各異的進度條外掛程式，有基於jQuery的，也有基於HTML5和CSS3的。這次我們要介紹另外一款基於HTML5 Canvas的圓形進度條應用，在黑色的背景下，白色的進度條顯得格外顯眼，而且圓形中央會即時顯示當前進度的數字百分比，非常實用。

線上示範

源碼下載

5.CSS3實現3D卡通文字效果

之前我們介紹過很多基於jQuery和CSS3的文字動畫特效，比如HTML5/CSS3發光文字 可自訂文字色彩就非常炫酷。今天要分享的是一款基於CSS3的3D卡通文字效果，文字呈現的是3D立體的視覺效果，滑鼠滑過文字時會出現晃動的動畫效果。

線上示範

源碼下載

6.jQuery多動畫對話方塊視窗和提示框外掛程式

之前我們分享過很多款外觀和功能都不一的jQuery對話方塊和提示框外掛程式，比如jQuery彈出層對話方塊 外觀優雅帶遮罩和CSS3/jQuery自訂快顯視窗。這次要分享的同樣是一款jQuery對話方塊外掛程式，它的特點是彈出對話方塊的動畫效果有很多種，示範中每一個按鈕即一種動畫效果。另外，外掛程式還提供多種提示框動畫外掛程式，功能十分強大。

線上示範

源碼下載

7.jQuery層疊式圖片切換焦點圖外掛程式

之前我們為大家分享過一款jQuery內容層疊滾動切換動畫外掛程式，主要是針對文字的層疊式切換。今天要介紹的也是一款層疊式切換外掛程式，不過它是一款jQuery焦點圖應用，除了當前的圖片，我們可以看到所有圖片的一部分，切換後顯示下一張圖片，切換動畫是層疊式的效果。

線上示範

源碼下載

8.jQuery頁面滾動元素展現隱藏動畫外掛程式

今天要給大家介紹一款超炫酷的jQuery動畫外掛程式，這款外掛程式實現的功能是當頁面向下滾動時，頁面中的指定元素會以各種動畫的方式展現出來，當頁面向上滾動時，元素則會以各種動畫方式隱藏。也就是說頁面元素會隨著可視範圍的變化而出現展現隱藏的動畫效果。

線上示範

源碼下載

9.HTML5 Canvas 隨機色彩光束爆炸動畫特效

今天我們要給大家分享一款非常炫酷的HTML5 Canvas光束爆炸動畫特效，它就像一朵光速爆炸開一樣，動畫效果非常絢麗。點擊滑鼠時，可以隨機切換光速的顏色，當然你也可以在頁面上放幾個按鈕，通過點擊按鈕來指定某一種顏色的光束。

線上示範

源碼下載

10.jQuery可拖拽的彈性分享按鈕菜單

今天我們要給大家介紹一款非常有特色的分享按鈕，它和HTML5/CSS3社會化分享按鈕類似，也以小表徵圖的方式呈現。不同的是，這款分享按鈕點擊後可以彈性展開各個小表徵圖，並且拖動按鈕時每一個小表徵圖也會跟隨滑鼠移動，效果非常酷。

線上示範

源碼下載

• 本文固定連結: http://www.i7758.com/archives/2629.html

10款基於jquery的web前端動畫特效