JS实现颜色梯度与渐变效果完整实例

本文实例讲述了JS实现颜色梯度与渐变效果的方法。分享给大家供大家参考，具体如下：

运行效果图如下：

完整实例代码如下：

JavaScript 颜色梯度和渐变效果 forEach($("idMenu").getElementsByTagName("td"),function(x,i){ var ct1 = new ColorTrans(x,{ StartColor: "#666",EndColor: "#fff" }); var ct2 = new ColorTrans(x,{ StartColor: "#f6f6f6",150,0)",CssColor: "backgroundColor" }); x.onmouseover = function(){ ct1.FadeIn(); ct2.FadeIn(); } x.onmouseout = function(){ ct1.FadeOut(); ct2.FadeOut(); } })

PS：这里再为大家推荐几款本站的相关在线工具：

在线RGB、HEX颜色代码生成器：

RGB颜色查询对照表_颜色代码表_颜色的英文名称大全：

在线网页调色板工具：

在线颜色选择器工具/RGB颜色查询对照表：

希望本文所述对大家JavaScript程序设计有所帮助。