背景颜色旋转器

Question

我正在使用jquery.color-2.1.2.min.js和tween max

我有什么：http://jsfiddle.net/hGr4n/1/

$(document).ready(function() {
changeBackground();

TweenMax.delayedCall(0.4, frame01);
});

function changeBackground() {
TweenMax.to('body', 3, {
    backgroundColor: colors[count],
    onComplete: changeBackground,
    ease: Linear.easeNone
});

if (count == colors.length - 1) {
    count = 0;
} else {
    count++;
}  
}

我无法让这个工作，我知道我错过了一些非常简单的东西，但它应该在颜色中旋转。

Answer 1

在您的小提琴colors中，count和frame01变量未定义。

您需要在适当的范围内声明它们。

此外，TweenMax足以满足您的功能和jquery.colors不需要。

查看更新后的demo

Answer 2

我开发了一个使用CSS3过渡的轻量级jQuery插件，非常适合您所寻找的内容 - ColorRotator.js

使用示例：

$('#element').colorRotator({
    colors: ['#1abc9c','#16a085','#2ecc71','#27ae60'],
    property: 'background'
});

以下是一些live demos