JavaScript 背景颜色定制包:colorful.js

jopen 6年前

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