大学IT网 - 最懂大学生的IT学习网站! QQ资料交流群:367606806
当前位置:大学IT网 > JavaScript技巧 > 用jQuery toggleClass 实现鼠标移上变色

用jQuery toggleClass 实现鼠标移上变色

关键词:鼠标移上变色  阅读(445) 赞(13)

[摘要]这篇文章主要介绍了用jQuery toggleClass 实现鼠标移上变色,希望我们提供的文章能够对你解决JavaScript相关问题有所帮助。
按钮移上变色效果
<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>

相关JavaScript技巧推荐

    暂时没有相关推荐



    相关评论