jQuery 颜色动画 - 不会褪色回背景颜色答案

【问题标题】：jQuery Color Animation - does not fade back to background colorjQuery 颜色动画 - 不会褪色回背景颜色
【发布时间】：2012-09-25 22:59:38
【问题描述】：

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

style="background-color: rgb(255, 255, 215);
style="background-color: rgb(255, 255, 149);
style="background-color: rgb(255, 255, 207);

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

【问题讨论】：

如果您发布用于触发动画的代码可能会有所帮助。

标签： javascript jquery

【解决方案1】：

jsBin demo

你可以使用 jQuery UI 和这个：

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

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

【讨论】：

我们正在使用 jQuery 工具。这就是我们选择该插件的原因。

【解决方案2】：

问题出在插件上。作者已经解决了这个问题。

【讨论】：