本文介绍一个JavaScript函数gCL，通过接收递增整数参数生成15种颜色的循环渐变效果。该函数利用模运算和位值计算，依次输出红、绿、蓝三色过渡的十六进制颜色代码，适用于链接背景色等动态样式场景。
JavaScript颜色渐变函数实现
相关函数定义如下：
具体实现代码如下：
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需再刷新一下页面才能执行]
对该函数进行适当修改，还可以实现更细致的颜色变化，感兴趣的用户可以尝试扩展。