Posted in Javascript onMay 14, 2014
按钮移上变色效果
<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>
用jQuery toggleClass 实现鼠标移上变色
声明:登载此文出于传递更多信息之目的,并不意味着赞同其观点或证实其描述。
Reply on: @reply_date@
@reply_contents@