超酷體驗 絢麗的jQuery和CSS3應(yīng)用插件
新的一周即將開始，在周末的兩天里，我們也為這周分享的jQuery插件、HTML5/CSS3應(yīng)用做了充足的準(zhǔn)備。今天我們收集了8款超酷體驗的jQuery/CSS3應(yīng)用插件，并將其源代碼打包，一起分享給大家，喜歡的朋友請分享一下。
1、jQuery/CSS3實現(xiàn)Android Dock菜單效果
這是一款基于jQuery和CSS3的Android Dock菜單效果，點擊底部的按鈕即可讓應(yīng)用圖標(biāo)浮動上來，并且按鈕也出現(xiàn)3D的翻轉(zhuǎn)效果。jQuery是一款應(yīng)用十分廣泛的javascript類庫，很多前端開發(fā)者都十分青睞jQuery框架。
2、CSS3彩色進(jìn)度條 按百分比顯示不同顏色
這是一款很不錯的CSS3進(jìn)度條應(yīng)用，這款CSS3進(jìn)度條和普通的不一樣，它可以根據(jù)不同的百分比來顯示當(dāng)前進(jìn)度的顏色，很像游戲中人物生命值一樣，隨著進(jìn)度增加，進(jìn)度條的顏色就會發(fā)生變化。更多CSS3進(jìn)度條，可以移步至CSS3進(jìn)度條欄目。
3、jQuery圖片360度旋轉(zhuǎn)插件
這是一款jQuery圖片插件，當(dāng)我們用鼠標(biāo)拖動圖片時，圖片可以在水平方向上任意旋轉(zhuǎn)，我們可以從不同的視角看到圖上的立方體。另外利用jQuery，我們可以發(fā)現(xiàn)當(dāng)圖片拖動旋轉(zhuǎn)的時候，圖片不同的角度會有不同的光線變化，這讓整個動畫顯得非常立體。
4、CSS3自定義按鈕的登錄表單
今天我們要來分享一款CSS3登錄表單，實現(xiàn)簡單，而且非常實用，登錄按鈕可以自定義外觀。整個登錄表單色彩比較清新，表單外邊框利用CSS3屬性有一層淡淡的陰影，讓這款CSS3登錄表單顯得簡單中凸顯高貴，另外登錄表單的輸入框也是經(jīng)過自定義樣式的，挺漂亮的。
5、jQuery產(chǎn)品圖片滑動展示動畫
我們在電子商務(wù)網(wǎng)站上需要展示圖片的時候，需要用到j(luò)Query的產(chǎn)品圖片展示插件會比較方便，今天分享的這款jQuery圖片滑動展示動畫就很好的解決了產(chǎn)品圖片展示的效果。利用該插件，我們可以產(chǎn)品圖片分組，然后每一組即可切換顯示。
6、CSS3自定義Radiobox樣式 開關(guān)按鈕效果
今天我們要來分享一款基于CSS3的自定義Radiobox樣式，是通過定義label樣式實現(xiàn)的。這款CSS3 Radiobox樣式的開關(guān)按鈕可以幫你實現(xiàn)點擊切換的特效，你也可以用它來替換古老而丑陋的Radiobox控件，效果非常不錯的CSS3應(yīng)用。
7、純CSS3個性化圓形按鈕登錄表單
之前剛分享過一款CSS3實現(xiàn)的個性化登錄表單CSS3自定義按鈕的登錄表單，非常清新自然。這次我們再來分享一款純CSS3實現(xiàn)的登錄表單，這款登錄表單的登錄按鈕是圓形的，非常有個性。整個按鈕的實現(xiàn)也都是CSS3做的，非常有意思的一款登錄表單。
8、HTML5 Canvas動畫折線圖 可動態(tài)添加節(jié)點
今天我們要來分享一款基于HTML5 Canvas的折線圖表，這款HTML5折線圖表的特點有兩個，一個是圖表是有動畫效果的，即在圖表初始化的時候帶有動畫特效；第二個是這個HTML5折線圖表可以讓你動態(tài)添加數(shù)據(jù)節(jié)點，并且用折線平滑地連接，Canvas是這款折線圖的一個畫板。
以上就是8款絢麗的jQuery和CSS3應(yīng)用插件，歡迎收藏分享。
本文鏈接：http://www.html5tricks.com/cool-jquery-css3-app-plugin.html
本文作者：html5tricks – 超人
