 
<style> 
.round-corner-btn { 
-moz-border-radius:4px; 
-webkit-border-radius: 4px; 
-khtml-border-radius: 4px; 
border-radius: 4px; 

width:200px; height:40px; line-height: 40px; 
background: green; 
display:inline-block; 
color:white; 
text-align : center; 
cursor: pointer; 
} 

.avatar_size{ 
font-size:12px; 
text-align: center; 
margin-top:4px; 
} 

.btn-hover{ 
opacity: 0.8; 
} 
</style> 
<div class='round-corner-btn'> 按鈕</div> 
<script> 
$('.round-corner-btn').hover(function(){ 
$(this).toggleClass('btn-hover', 200); 
}) 
</script> 

您可能感興趣的文章:

相關(guān)文章

基于jQuery插件實(shí)現(xiàn)環(huán)形圖標(biāo)菜單旋轉(zhuǎn)切換特效
本文給大家分享一款基于jQuery環(huán)形圖標(biāo)旋轉(zhuǎn)切換特效。這是一款鼠標(biāo)點(diǎn)擊圖標(biāo)菜單圓形順時(shí)針或者逆時(shí)針旋轉(zhuǎn)切換代碼。有需要的小伙伴可以參考下。
2015-05-05
javascript jQuery插件練習(xí)
對于想學(xué)習(xí)制作jquery 插件的朋友需要用的到。
2008-12-12
jquery+CSS3實(shí)現(xiàn)淘寶移動網(wǎng)頁菜單效果
這篇文章主要介紹了jquery+CSS3實(shí)現(xiàn)淘寶移動網(wǎng)頁菜單效果,實(shí)例分析了jquery操作頁面樣式動態(tài)變換及熱區(qū)的選擇技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-08-08
jQuery Validation Plugin驗(yàn)證插件手動驗(yàn)證
jquery.validate是jquery旗下的一個(gè)驗(yàn)證框架，借助jquery的優(yōu)勢，我們可以迅速驗(yàn)證一些常見的輸入,并且可以自己擴(kuò)充自己的驗(yàn)證方法，并且對國際化也有很好的支持，接下來通過本文給大家介紹jQuery Validation Plugin驗(yàn)證插件手動驗(yàn)證
2016-01-01
jQuery操作css樣式
本篇文章主要介紹了jQuery操作css樣式的相關(guān)知識，具有很好的參考價(jià)值。下面跟著小編一起來看下吧
2017-05-05
jQuery制作全屏寬度固定高度輪播圖(實(shí)例講解)
下面小編就為大家?guī)硪黄猨Query制作全屏寬度固定高度輪播圖(實(shí)例講解)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2017-07-07
jquery實(shí)現(xiàn)省市select下拉框的替換(示例代碼)
本篇文章主要是對jquery實(shí)現(xiàn)省市select下拉框的替換(示例代碼)進(jìn)行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助
2014-02-02
jQuery1.3.2 升級到j(luò)Query1.4.4需要修改的地方
jQuery1.3.2 升級到 1.4.4 ，需要修改的地方，需要的朋友可以參考下。
2011-01-01
jQuery實(shí)現(xiàn)默認(rèn)是閉合的FAQ展開效果菜單
這篇文章主要介紹了jQuery實(shí)現(xiàn)默認(rèn)是閉合的FAQ展開效果菜單,涉及jQuery中slideUp及slideDown用法的使用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-09-09
jQuery實(shí)現(xiàn)所有驗(yàn)證通過方可提交的表單驗(yàn)證
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)表單驗(yàn)證，所有驗(yàn)證通過方可提交，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-11-11