7個經典創意jQuery應用外掛及原始碼

---

1、jQuery超酷平面時鐘特效外掛

這是一個非常具有創意的jQuery時鐘外掛，它不像其他的時鐘外掛一樣是圓盤的或者是數字的，它是一個平面時鐘，日期和時分秒的指標都是在平面上移動計時的，儘管這款jQuery平面時鐘外掛不能廣泛應用，但是創意是絕對可以肯定的。

線上演示 原始碼下載

2、jQuery燈光投影動畫特效

今天我們要分享一款基於jQuery的燈光投影動畫特效，當你滑動滑鼠時，投影就會跟隨滑鼠的方向移動，非常真實地模擬的現實世界中燈光投影的方向性特點，當然這其中也有利用CSS3的陰影特性，滑鼠跟隨是利用jQuery實現的。

線上演示 原始碼下載

3、jQuery曲線路徑焦點圖動畫

今天我們要來分享一款非常有特別的jQuery焦點圖外掛，它的圖片切換方式相當特別，首先圖片時分組切換的，而且每組圖片在切換的時候都是按一定曲線路徑播放動畫的，這和之前介紹過的jQuery焦點圖外掛有所不同。

線上演示 原始碼下載

4、jQuery/CSS3 3D動畫選單 4種顏色主題

今天要來分享一款3D效果的純CSS3動畫選單，這款CSS3選單擁有4種不同的顏色風格，當然你也可以自己定義一些CSS樣式來實現更多的顏色主題。這款選單的最大特點是滑鼠滑過選單項時，選單項的文字將會出現傾斜的動畫特效。

線上演示 原始碼下載

5、jQuery自定義下拉框選擇列表

這是一款基於jQuery的自定義下拉框選擇列表外掛，利用這款jQuery外掛我們可以非常方便的讓瀏覽器預設的select下拉框變的非常華麗，並且同時擁有select下拉框原有的功能。這款jQuery下拉框外掛利用了CSS3技術，提供了5款不同的炫酷樣式。

線上演示 原始碼下載

6、jQuery滑鼠懸停圖片分享按鈕動畫

這是一款基於jQuery的圖片動畫外掛，這款jQuery外掛可以實現滑鼠滑過圖片時在圖片上方建立任意的元素，包括分享按鈕和圖片文字描述等。這些按鈕和文字可以懸浮在圖片的任意位置，同時你也可以自己定義這些圖片上方的元素出現時的動畫特效。

線上演示 原始碼下載

7、jQuery/CSS3圖片洗牌切換動畫特效

這是一款基於jQuery和CSS3的圖片動畫特效，該圖片動畫是洗牌的效果，我們只需點選切換按鈕，即可一張張切換圖片。另外，如果你長按住按鈕不放，圖片的洗牌效果就會更加明顯和有趣，該jQuery圖片特效一共有3中效果。

線上演示 原始碼下載

以上就是7個經典創意jQuery應用外掛及原始碼，歡迎收藏分享。

本文作者：html5tricks – 超人