本文实例讲述了JS实现颜色梯度与渐变效果的方法。分享给大家供大家参考,具体如下:
运行效果图如下:
完整实例代码如下:
rush: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(); }
})