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，第一个函数在鼠标输入时执行，第二个函数在鼠标输出时执行。你可以看看这个小提琴：http://jsfiddle.net/lulu3030/tzR5m/

Answer 2

试试这样：

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

Fiddle Demo

Answer 3

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

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

3 个答案: