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

edithfang發表於2014-10-29

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 – 超人
相關閱讀
評論(1)

相關文章