colorful.js 能让 HTML 元素具有自定义的颜色变幻背景。

colorful.js 通过用户自定义关键帧的颜色，使用css3实现颜色渐变功能。在低版本浏览器会通过javascript来实现。在线演示

最简单用法：

startLoop(document.getElementById('page'));

调用方法：

function startLoop(element,array,msec,isColor)

@param  {HTMLElement} element 接受变色的元素

@param  {array} array   变色依赖的关键颜色的二维数组，按rgb传入，ex: [[255,255,0],[0,220,220],[220,0,220]]

@param  {number} msec    完成一个变色阶段的时间（毫秒），即从array[i]变色到array[i+1]的时间。为了避免闪烁伤害眼睛，msec不能小于400

@param  {string} isColor   如果要变色的是css的color属性，传入'color'

example：

var page = document.getElementById('page');  var array = [[255,255,0],[0,220,220],[153,51,0]];  var msec = 3000;  startLoop(page,array,msec);

传入'isColor'的效果：

I`m colorful.js

项目主页：http://www.open-open.com/lib/view/home/1422536889033