jQuery颜色闪烁动画

Question

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

$('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>

Answer 1

回调中有错误：

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

必须是：

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

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

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

Demo