jquery - 回到同样的颜色

Question

$(".color").hover(function(){
$(this).animate({ backgroundColor: 'red' });
},function(){
$(this).animate({ backgroundColor: '' });
});

我想为不同 div 的背景颜色设置动画。当鼠标移出 div 时是否可以保留原始颜色？

• http://jsfiddle.net/9AAGJ/

Answer 1

您只需在更改元素之前将背景颜色保存到元素即可。这里我将其保存在数据属性中:

$(".color").hover(function(){
    var $this = $(this);
    $this.data('bg-color', $this.css('backgroundColor'));
    $this.animate({ backgroundColor: 'red' });
},function(){
    var $this = $(this);
    $(this).animate({ backgroundColor: $this.data('bg-color') });
});

http://jsfiddle.net/gunderson/9AAGJ/1/