超酷體驗 絢麗的jQuery和CSS3應用外掛

edithfang發表於2014-07-15

新的一週即將開始,在週末的兩天裡,我們也為這周分享的jQuery外掛、HTML5/CSS3應用做了充足的準備。新的一週即將開始,在週末的兩天裡,我們也為這周分享的jQuery外掛、HTML5/CSS3應用做了充足的準備。今天我們收集了8款超酷體驗的jQuery/CSS3應用外掛,並將其原始碼打包,一起分享給大家,喜歡的朋友請分享一下。

1、jQuery/CSS3實現Android Dock選單效果

這是一款基於jQuery和CSS3的AndroidDock選單效果,點選底部的按鈕即可讓應用圖示浮動上來,並且按鈕也出現3D的翻轉效果。jQuery是一款應用十分廣泛的javascript類庫,很多前端開發者都十分青睞jQuery框架。



線上演示 原始碼下載

2、CSS3彩色進度條 按百分比顯示不同顏色

這是一款很不錯的CSS3進度條應用,這款CSS3進度條和普通的不一樣,它可以根據不同的百分比來顯示當前進度的顏色,很像遊戲中人物生命值一樣,隨著進度增加,進度條的顏色就會發生變化。更多CSS3進度條,可以移步至CSS3進度條欄目。



線上演示 原始碼下載

3、jQuery圖片360度旋轉外掛

這是一款jQuery圖片外掛,當我們用滑鼠拖動圖片時,圖片可以在水平方向上任意旋轉,我們可以從不同的視角看到圖上的立方體。另外利用jQuery,我們可以發現當圖片拖動旋轉的時候,圖片不同的角度會有不同的光線變化,這讓整個動畫顯得非常立體。



線上演示 原始碼下載

4、CSS3自定義按鈕的登入表單

今天我們要來分享一款CSS3登入表單,實現簡單,而且非常實用,登入按鈕可以自定義外觀。整個登入表單色彩比較清新,表單外邊框利用CSS3屬性有一層淡淡的陰影,讓這款CSS3登入表單顯得簡單中凸顯高貴,另外登入表單的輸入框也是經過自定義樣式的,挺漂亮的。



線上演示 原始碼下載

5、jQuery產品圖片滑動展示動畫

我們在電子商務網站上需要展示圖片的時候,需要用到jQuery的產品圖片展示外掛會比較方便,今天分享的這款jQuery圖片滑動展示動畫就很好的解決了產品圖片展示的效果。利用該外掛,我們可以產品圖片分組,然後每一組即可切換顯示。



線上演示 原始碼下載

6、CSS3自定義Radiobox樣式 開關按鈕效果

今天我們要來分享一款基於CSS3的自定義Radiobox樣式,是通過定義label樣式實現的。這款CSS3Radiobox樣式的開關按鈕可以幫你實現點選切換的特效,你也可以用它來替換古老而醜陋的Radiobox控制元件,效果非常不錯的CSS3應用。



線上演示 原始碼下載

7、純CSS3個性化圓形按鈕登入表單

之前剛分享過一款CSS3實現的個性化登入表單CSS3自定義按鈕的登入表單,非常清新自然。這次我們再來分享一款純CSS3實現的登入表單,這款登入表單的登入按鈕是圓形的,非常有個性。整個按鈕的實現也都是CSS3做的,非常有意思的一款登入表單。



線上演示 原始碼下載

8、HTML5 Canvas動畫折線圖 可動態新增節點

今天我們要來分享一款基於HTML5 Canvas的折線圖表,這款HTML5折線圖表的特點有兩個,一個是圖表是有動畫效果的,即在圖表初始化的時候帶有動畫特效;第二個是這個HTML5折線圖表可以讓你動態新增資料節點,並且用折線平滑地連線,Canvas是這款折線圖的一個畫板。



線上演示 原始碼下載

以上就是8款絢麗的jQuery和CSS3應用外掛,歡迎收藏分享。

本文作者:html5tricks – 超人
相關閱讀
評論(1)

相關文章