用jQuery toggleClass 实现鼠标移上变色

ttx9n · 发表于 2014-5-14 11:18:16

这篇文章主要介绍了用jQuery toggleClass 实现鼠标移上变色,需要的朋友可以参考下按钮移上变色效果
复制代码代码如下:
<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>

idy6_yus · 发表于 2022-9-6 02:41:21

很不错的样子

u7yxn9 · 发表于 2022-9-15 09:34:54

的vgdsvsdvdsvdsvds

v3sfsi · 发表于 2022-10-3 00:05:21

强烈支持楼主ing……

thywok · 发表于 2023-1-20 23:29:08

看看怎么样再说

gc4hg · 发表于 2023-9-15 11:47:12

天天源码社区www.tiantianym.com

溪谷玉贤 · 发表于 2023-10-16 05:34:23

啊，数码撒飒飒飒飒

70r45_zs · 发表于 2023-10-18 12:58:16

iiguuubhuiuihu

额呵呵 · 发表于 2024-3-15 14:09:01

啪啪啪生怕PSP怕

wqpa63gz · 发表于 2024-4-10 19:55:02

哈哈哈哈哈哈哈

账号		自动登录	找回密码
密码			立即注册

[JavaScript] 用jQuery toggleClass 实现鼠标移上变色

相关帖子