身体背景改变？

Question

好的就是。

简单地说，我希望能够通过CSS淡出身体的背景并逐渐改变，然后循环。

我是如何通过CSS和jQuery实现这一目标的？

谢谢！

Answer 1

您可以使用jquery animate方法，并在完成后再次使用新颜色调用该方法：

var color = ["red","green","blue"];
var i = 0;

function changeColor()
{
 // Change to the next color over 2 seconds.  When it is done, call this method again.
 $("body").animate({"background-color":color[i]}, 2000, changeColor); 
 i++;  // Increment the counter so the next color in the array is shown
 i = i % 3;   // Make sure i is never greater than 2 by using the modulous.
}

changeColor();

看到这个小提琴：http://jsfiddle.net/johnkoer/vDCSw/5/