復制代碼 代碼如下:
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就可以利用遞增的數字返回由紅到綠到藍的漸變顏色了。漸變效果如下,共15種顏色,循環漸變:

比如下面的應用,使用這個函數可以將超級鏈接的背景色進行漸變:
[Ctrl+A 全選 注:如需引入外部Js需刷新才能執行]
這個函數加以修改還可以產生更加細致的顏色變化,有興趣的朋友可以試試。
JavaScript技術:利用遞增的數字返回循環漸變的顏色的js代碼,轉載需保留來源!
鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。