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