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