注意：

Question

我正试图让我的白色背景闪烁绿光。目前我有这个代码将其变为绿色：

$( "#modal_newmessage" ).animate({
    backgroundColor: "#8bed7e"
}, 500 );

然而，我无法想象如何让它在同一个动画中再次变白。我该怎么做？

Answer 1

您可以链接另一个.animate()电话，因为动画将在fx队列中排队。

$("#modal_newmessage").animate({
  backgroundColor: "#8bed7e"
}, 500).animate({
  backgroundColor: "#fff"
}, 500);

请记住，大多数jQuery函数都是可链接的，无需两次调用$("#modal_newmessage")。

See it here.

Answer 2

这应该有效：

$( "#modal_newmessage" ).animate({
    backgroundColor: "#8bed7e"
}, 500, function() {
    $( "#modal_newmessage" ).animate({ backgroundColor: "#fff" });
} );

Answer 3

试试这个：

$(function() {

    $( "#modal_newmessage" ).animate({
      backgroundColor: "#aa0000",
      color: "#fff",
      width: 500
    }, 1000 ).animate({
      backgroundColor: "#fff",
      color: "#000",
      width: 240
    }, 1000 );
});

注意：

要为背景颜色设置动画，您需要jQuery ui来进行颜色动画。

<script src="http://code.jquery.com/jquery-1.8.3.js"></script>
<script src="http://code.jquery.com/ui/1.10.0/jquery-ui.js"></script>

动画到另一种背景颜色，然后再回来

3 个答案:

注意：