JavaScript 背景颜色定制包:colorful.js
jopen
10年前
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