新的一週即將開始，在週末的兩天裡，我們也為這周分享的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)