javascript - 使用 jquery 删除应用的背景颜色？

Question

我将背景颜色应用到按钮，如下所示:

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

鼠标悬停时，颜色会正确应用。但是我怎样才能在鼠标移开时删除相同的颜色呢？

Answer 1

试试这段代码:

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

随着hover method ，第一个函数在鼠标进入时执行，第二个在鼠标离开时执行。你可以看看这个 fiddle :http://jsfiddle.net/lulu3030/tzR5m/