玩轉(zhuǎn)jQuery按鈕 請告訴我你最喜歡哪些?
英文原文中有些重復和打不開鏈接的例子我去掉了。
注:轉(zhuǎn)載請注明以下信息,否則保留那個什么的權(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這篇文章主要是展示了一個利用css sprites和jquery實現(xiàn)的鼠標滑過按鈕的效果,第一部分教程主要告訴大家如何利用ps等畫圖工具制作這個精美的按鈕。第二部分教程主要是將設計好的按鈕圖轉(zhuǎn)換成HTML和CSS,并利用jQuery給這個按鈕加上動畫特效。
這個按鈕教程主要是介紹了一個仿GitHub的按鈕特效,用到了一點點HTML、CSS、jQuery。
這是一個帶圓角的jquery按鈕,放心,你不必擔心在不同瀏覽器中會沒有圓角,因為他幾乎兼容所有版本的瀏覽器,包括IE6。
這個jquery按鈕則是仿Google搜索的按鈕,你可以用少量的css代碼去自定義這些按鈕的樣式。
這個jquery按鈕也是一個鼠標滑過特效,鼠標滑過時按鈕出現(xiàn)漸變效果。
這個jquery按鈕也是鼠標滑過特效,不同的是,當鼠標滑過時,按鈕的padding發(fā)生變化,并且是帶有動畫的哦。
這個jquery按鈕非常有特色,是仿Skype的,當你鼠標移上去的時候,呵呵,自己去試試,我不說了。
呵呵,又是一個比較有特色的jquery按鈕,這個是仿iPhone開鎖鍵的,還不錯,可以看看。
OH,這個NB了,這是基于jquery ui的按鈕,這個jquery按鈕也可以用來做工具欄的按鈕,真棒!
這個jquery按鈕也是簡單的鼠標移過特效,個人覺得還挺大氣的。
這個jquery按鈕則是專為提交表但設計的,用Ajax提交的時候按鈕出現(xiàn)一張waiting的gif圖片,由此可見,這個按鈕是重寫過的,不信你自己看看。
這個按鈕其實也是一個鼠標滑過特效啦,在“ON”和“OFF”之間切換。
一個簡單的jquery鼠標滑過漸變按鈕,不多說,自己看。
這也是一個非常基本的jquery按鈕,你可以自己定義一些顏色,其實個人覺得,只要顏色搭配好,即使簡單的按鈕也能炫目多彩。
這個jquery按鈕也非常有特點,鼠標移上去,按鈕立即展開,非常帥氣。
好了,上面的這些jquery css按鈕就介紹完了,是否有你喜歡的呢?請告訴我,我期待我的發(fā)現(xiàn)得到你的肯定。
相關(guān)文章
利用jquery實現(xiàn)驗證輸入的是否是數(shù)字、小數(shù),包含保留幾位小數(shù)
本文主要介紹了利用jquery實現(xiàn)驗證輸入的是否是數(shù)字、小數(shù),包含保留幾位小數(shù),代碼清晰,容易理解。有需要的朋友可以參考下2016-12-12jQuery防止click雙擊多次提交及傳遞動態(tài)函數(shù)或多參數(shù)
這篇文章主要介紹了jQuery防止click雙擊多次提交及傳遞動態(tài)函數(shù)方法,需要的朋友可以參考下2014-04-04jQuery實現(xiàn)打開網(wǎng)頁自動彈出遮罩層或點擊彈出遮罩層功能示例
這篇文章主要介紹了jQuery實現(xiàn)打開網(wǎng)頁自動彈出遮罩層或點擊彈出遮罩層功能,涉及jQuery事件響應及窗口元素屬性的相關(guān)操作技巧,需要的朋友可以參考下2017-10-10結(jié)合JQ1.9通過js正則判斷各種瀏覽器版本的方法
本篇文章主要是對結(jié)合JQ1.9通過js正則判斷瀏覽器版本的方法進行了介紹,需要的朋友可以過來參考下,希望對大家有所幫助2013-12-1240個有創(chuàng)意的jQuery圖片和內(nèi)容滑動及彈出插件收藏集之二
在網(wǎng)頁的首頁或圖片專題頁面很多地方都會用到圖片滑動插件來循環(huán)切換多張圖片,并且用戶可以點擊左右按鈕來切換圖片。2011-12-12