1

我将背景颜色应用于按钮，如下所示：

$("input:button").hover(function() {
    $(this).stop(2000).animate({backgroundColor: 'black',color:'#fff'});
});

将鼠标悬停在正确应用颜色上。但是如何在鼠标移出时删除相同的颜色？

4

3 回答 3

4

试试这个代码：

$("input:button").hover(function() {
    $(this).stop(2000).css({backgroundColor: 'black',color:'#fff'});
}, function() {
    $(this).stop(2000).css({backgroundColor: '',color:''});
});

使用hover 方法，第一个函数在鼠标进入时执行，第二个函数在鼠标退出时执行。你可以看看这个小提琴：http: //jsfiddle.net/lulu3030/tzR5m/

于 2013-07-22T09:19:20.783 回答
0

试试这样：

$("input:button").hover(function() {
    $(this).stop(2000).animate({backgroundColor: 'black',color:'#fff'});
},function(){
    $(this).stop(2000).animate({backgroundColor: '',color:'#000'});
});

小提琴演示

于 2013-07-22T09:21:32.093 回答
0

为什么这迫切需要一个 jquery 函数？纯粹的 CSS 方式不是更方便吗？

于 2013-07-22T09:48:37.133 回答