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

jopen 9年前發布 | 12K 次閱讀 JavaScript開發工具包 colorful.js

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.baiduhome.net/lib/view/home/1422536889033

 本文由用戶 jopen 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!