colorful.jsJavaScript 背景颜色定制包

联合创作 · 2023-09-22 08:30

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

 

浏览 6
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报