背景颜色旋转器

时间:2014-01-19 14:07:16

标签: javascript jquery html css

我正在使用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++;
}  
}

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

2 个答案:

答案 0 :(得分:2)

在您的小提琴colors中,countframe01变量未定义。

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

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

查看更新后的demo

答案 1 :(得分:0)

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

使用示例:

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

以下是一些live demos