网络编程 
首页 > 网络编程 > 浏览文章

利用递增的数字返回循环渐变的颜色的js代码

(编辑:jimmy 日期: 2025/12/27 浏览:3 次 )
函数如下:
复制代码 代码如下:
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种颜色,循环渐变:
利用递增的数字返回循环渐变的颜色的js代码
比如下面的应用,使用这个函数可以将超级链接的背景色进行渐变:

[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
这个函数加以修改还可以产生更加细致的颜色变化,有兴趣的朋友可以试试。
上一篇:javascript TextArea动态显示剩余字符
下一篇:Javascript this关键字使用分析
一句话新闻
微软与英特尔等合作伙伴联合定义“AI PC”:键盘需配有Copilot物理按键
几个月来,英特尔、微软、AMD和其它厂商都在共同推动“AI PC”的想法,朝着更多的AI功能迈进。在近日,英特尔在台北举行的开发者活动中,也宣布了关于AI PC加速计划、新的PC开发者计划和独立硬件供应商计划。
在此次发布会上,英特尔还发布了全新的全新的酷睿Ultra Meteor Lake NUC开发套件,以及联合微软等合作伙伴联合定义“AI PC”的定义标准。
友情链接:杰晶网络 DDR爱好者之家 南强小屋 黑松山资源网 白云城资源网 网站地图 SiteMap