玩轉(zhuǎn)jQuery按鈕 請(qǐng)告訴我你最喜歡哪些？
英文原文中有些重復(fù)和打不開鏈接的例子我去掉了。
注：轉(zhuǎn)載請(qǐng)注明以下信息，否則保留那個(gè)什么的權(quán)利
英文原文：http://speckyboy.com/2010/05/26/20-awesome-jquery-enhanced-css-button-techniques/
譯文鏈接：http://www.itivy.com/jquery/archive/2012/1/5/jquery-css-button.html
Creative Button Animations with Sprites and jQuery這篇文章主要是展示了一個(gè)利用css sprites和jquery實(shí)現(xiàn)的鼠標(biāo)滑過(guò)按鈕的效果，第一部分教程主要告訴大家如何利用ps等畫圖工具制作這個(gè)精美的按鈕。第二部分教程主要是將設(shè)計(jì)好的按鈕圖轉(zhuǎn)換成HTML和CSS，并利用jQuery給這個(gè)按鈕加上動(dòng)畫特效。
這個(gè)按鈕教程主要是介紹了一個(gè)仿GitHub的按鈕特效，用到了一點(diǎn)點(diǎn)HTML、CSS、jQuery。
這是一個(gè)帶圓角的jquery按鈕，放心，你不必?fù)?dān)心在不同瀏覽器中會(huì)沒(méi)有圓角，因?yàn)樗麕缀跫嫒菟邪姹镜臑g覽器，包括IE6。
這個(gè)jquery按鈕則是仿Google搜索的按鈕，你可以用少量的css代碼去自定義這些按鈕的樣式。
這個(gè)jquery按鈕也是一個(gè)鼠標(biāo)滑過(guò)特效，鼠標(biāo)滑過(guò)時(shí)按鈕出現(xiàn)漸變效果。
這個(gè)jquery按鈕也是鼠標(biāo)滑過(guò)特效，不同的是，當(dāng)鼠標(biāo)滑過(guò)時(shí)，按鈕的padding發(fā)生變化，并且是帶有動(dòng)畫的哦。
這個(gè)jquery按鈕非常有特色，是仿Skype的，當(dāng)你鼠標(biāo)移上去的時(shí)候，呵呵，自己去試試，我不說(shuō)了。
呵呵，又是一個(gè)比較有特色的jquery按鈕，這個(gè)是仿iPhone開鎖鍵的，還不錯(cuò)，可以看看。
OH，這個(gè)NB了，這是基于jquery ui的按鈕，這個(gè)jquery按鈕也可以用來(lái)做工具欄的按鈕，真棒！
這個(gè)jquery按鈕也是簡(jiǎn)單的鼠標(biāo)移過(guò)特效，個(gè)人覺(jué)得還挺大氣的。
這個(gè)jquery按鈕則是專為提交表但設(shè)計(jì)的，用Ajax提交的時(shí)候按鈕出現(xiàn)一張waiting的gif圖片，由此可見，這個(gè)按鈕是重寫過(guò)的，不信你自己看看。
這個(gè)按鈕其實(shí)也是一個(gè)鼠標(biāo)滑過(guò)特效啦，在“ON”和“OFF”之間切換。
一個(gè)簡(jiǎn)單的jquery鼠標(biāo)滑過(guò)漸變按鈕，不多說(shuō)，自己看。
這也是一個(gè)非?；镜膉query按鈕，你可以自己定義一些顏色，其實(shí)個(gè)人覺(jué)得，只要顏色搭配好，即使簡(jiǎn)單的按鈕也能炫目多彩。
這個(gè)jquery按鈕也非常有特點(diǎn)，鼠標(biāo)移上去，按鈕立即展開，非常帥氣。
好了，上面的這些jquery css按鈕就介紹完了，是否有你喜歡的呢？請(qǐng)告訴我，我期待我的發(fā)現(xiàn)得到你的肯定。
相關(guān)文章
利用jquery實(shí)現(xiàn)驗(yàn)證輸入的是否是數(shù)字、小數(shù)，包含保留幾位小數(shù)
本文主要介紹了利用jquery實(shí)現(xiàn)驗(yàn)證輸入的是否是數(shù)字、小數(shù)，包含保留幾位小數(shù)，代碼清晰，容易理解。有需要的朋友可以參考下2016-12-12
jQuery防止click雙擊多次提交及傳遞動(dòng)態(tài)函數(shù)或多參數(shù)
這篇文章主要介紹了jQuery防止click雙擊多次提交及傳遞動(dòng)態(tài)函數(shù)方法,需要的朋友可以參考下2014-04-04
在jQuery里有一個(gè)each方法，用起來(lái)非常的爽，不用再像原來(lái)那樣寫for循環(huán)，下面介紹each的幾種常用的用法2014-01-01
使用jquery菜單插件HoverTree仿京東無(wú)限級(jí)菜單
這篇文章主要介紹了使用jquery菜單插件HoverTree仿京東無(wú)限級(jí)菜單,需要的朋友可以參考下2014-12-12
jquery DOM操作 基于命令改變頁(yè)面,需要的朋友可以參考下。2010-05-05
基于jquery封裝的一個(gè)js分頁(yè)代碼，需要的朋友可以參考下。2011-11-11
下面小編就為大家?guī)?lái)一篇JQuery的常用選擇器、過(guò)濾器、方法全面介紹。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-05-05
jQuery實(shí)現(xiàn)打開網(wǎng)頁(yè)自動(dòng)彈出遮罩層或點(diǎn)擊彈出遮罩層功能示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)打開網(wǎng)頁(yè)自動(dòng)彈出遮罩層或點(diǎn)擊彈出遮罩層功能,涉及jQuery事件響應(yīng)及窗口元素屬性的相關(guān)操作技巧,需要的朋友可以參考下2017-10-10
結(jié)合JQ1.9通過(guò)js正則判斷各種瀏覽器版本的方法
本篇文章主要是對(duì)結(jié)合JQ1.9通過(guò)js正則判斷瀏覽器版本的方法進(jìn)行了介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2013-12-12
40個(gè)有創(chuàng)意的jQuery圖片和內(nèi)容滑動(dòng)及彈出插件收藏集之二
在網(wǎng)頁(yè)的首頁(yè)或圖片專題頁(yè)面很多地方都會(huì)用到圖片滑動(dòng)插件來(lái)循環(huán)切換多張圖片，并且用戶可以點(diǎn)擊左右按鈕來(lái)切換圖片。2011-12-12