|
|
復(fù)制代碼 代碼如下:
function gCL(i){
var f=parseInt((i%15)/5);
i=i%15%5;
switch(f){
case 0:return "#"+cS2(255-i*51)+cS2(i*51)+"00";
case 1:return "#00"+cS2(255-i*51)+cS2(i*51);
case 2:return "#"+cS2(i*51)+"00"+cS2(255-i*51);
}
}
function cS2(i) {
var s=i.toString(16);
return ("00"+s).substr(s.length);
}
使用gCL就可以利用遞增的數(shù)字返回由紅到綠到藍(lán)的漸變顏色了。漸變效果如下，共15種顏色，循環(huán)漸變：
比如下面的應(yīng)用，使用這個(gè)函數(shù)可以將超級(jí)鏈接的背景色進(jìn)行漸變：
[Ctrl+A 全選 注:如需引入外部Js需刷新才能執(zhí)行]
這個(gè)函數(shù)加以修改還可以產(chǎn)生更加細(xì)致的顏色變化，有興趣的朋友可以試試。
JavaScript技術(shù)：利用遞增的數(shù)字返回循環(huán)漸變的顏色的js代碼，轉(zhuǎn)載需保留來(lái)源！
鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。
