jQuery 颜色闪烁动画答案

【问题标题】：jQuery color blink animationjQuery 颜色闪烁动画
【发布时间】：2015-06-22 22:57:54
【问题描述】：

我正在尝试实现彩色闪烁动画，它会动画但颜色不会恢复到原始状态，这是我的代码：

$('div').click(function() {
  $(this).css('background-color', '#ffffff').animate({
    'background-color': '#EFB15E'
  }, function() {
    $(this).animate('background-color', '#ffffff');
  });
});

<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script src="https://rawgit.com/jquery/jquery-color/master/jquery.color.js"></script>
<div>Some Text</div>

【问题讨论】：

你可以用纯 css 做到这一点
jsfiddle.net/jxtje2bp
按照@Josef Drábek（间接）的建议切换一个类：)
但是谁能说出为什么 OP 的代码不起作用？我也想知道为什么会这样？可能是因为第三方插件？
@JosefDrábek 我需要闪烁而不是切换颜色。

标签： jquery animation colors

【解决方案1】：

你的回调有错误：

$(this).animate('background-color', '#ffffff');

必须是：

$(this).animate({'background-color': '#ffffff'});

.animate() 期望一个对象作为第一个参数。

旁注：您的插件 jQuery-Color 包含在 jQuery UI 库中，请参阅 here

Demo

【讨论】：