javascript - jQuery 颜色动画 - 不会淡回背景颜色

Question

我正在尝试使用 jQuery 彩色动画插件 http://www.bitstorm.org/jquery/color-animation/ 。当我们调用它并传递它时，例如#FFFF00(黄色)，我们看到它变成黄色并逐渐消失。但它永远不会完全淡回到元素的原始背景颜色，即白色#FFFFFF。在进行 DOM 检查后，我注意到元素最终添加了多种样式，例如:

• style="背景颜色: rgb(255, 255, 215);
• style="背景颜色: rgb(255, 255, 149);
• style="背景颜色: rgb(255, 255, 207);

我们需要做什么才能让插件以最终背景颜色为原始颜色的方式工作。

Answer 1

jsBin demo

你可以使用jQuery UI，这个:

$('.box').hover(function(){
   $(this).stop().animate({backgroundColor: '#ff0'});
},function(){
   $(this).stop().animate({backgroundColor: '#fff'});
});

或者您的问题可能只是您没有使用 .stop() 清除
动画队列