鼠标移动到按钮上是蓝色,选中是黄色,默认是白色

//鼠标移入按钮
    $('.tab_btn button').mouseover(function () {
        $(this).attr('style', 'background-color:#016cae;color:#fff');
    });
    //鼠标移出按钮
    $('.tab_btn button').mouseout(function () {
        $(this).remove('style', 'background-color:#016cae');
        $(this).attr('style', 'background-color:#fff;color:#005098;');
    });
    $('.tab_btn button').click(function () {
        $(this).attr('style', 'background-color:#FD8B23;color:#fff');
    });


注意:按钮高度最好给px,若自适应的可能高度上会有影响


上一篇: 鼠标移到隔行变色的表格上,有背景变化,并且点击的时候选中复选框和背景色
下一篇: 点击图标切换(包括点击图标下面的文字也切换)
java_zhaoyanli
博客等级 码龄12年 0粉丝 250原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值