当前位置：Gxlcms > JavaScript > 颜色渐变效果

颜色渐变效果

时间：2021-07-01 10:21:17 帮助过：17人阅读

<P><HTML>
<HEAD>
<TITLE>javascriptboy</TITLE>
<SCRIPT language=JavaScript> 
// Flash table Extension for Dreamwever ,by dio(diopex@sina.com)
nereidFadeObjects = new Object();
nereidFadeTimers = new Object();
function nereidFade(object, destOp, rate, delta){
if (!document.all)
return
if (object != "[object]"){ //do this so I can take a string too
setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
return;
}
clearTimeout(nereidFadeTimers[object.sourceIndex]);
diff = destOp-object.filters.alpha.opacity;
direction = 1;
if (object.filters.alpha.opacity > destOp){
direction = -1;
}
delta=Math.min(direction*diff,delta);
object.filters.alpha.opacity+=direction*delta;
if (object.filters.alpha.opacity != destOp){
nereidFadeObjects[object.sourceIndex]=object;
nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
}
}</P>
<P></SCRIPT>
</HEAD>
<BODY text=#000000 bgColor=#e3e3e3></P>
<P><TABLE borderColor=#ffffff height=100 cellSpacing=1 cellPadding=1 width=100 align=center bgColor=#000033 border=1>
<TR align=middle>
<TD onmouseover=nereidFade(this,100,10,5) style="FILTER: alpha(opacity=70)" onmouseout=nereidFade(this,50,10,5) bgColor=#00ccff>
<FONT face=verdana color=#ffffff size=1>dio
</TD>
<TD onmouseover=nereidFade(this,100,10,5) style="FILTER: alpha(opacity=70)" onmouseout=nereidFade(this,50,10,5) bgColor=#ff9900>
<FONT face=verdana color=#ffffff size=1>pex
</TD>
</TR>
<TR align=middle>
<TD onmouseover=nereidFade(this,100,10,5) style="FILTER: alpha(opacity=70)" onmouseout=nereidFade(this,50,10,5) bgColor=#ff3399>
<FONT face=verdana color=#ffffff size=1>pex
</TD>
<TD onmouseover=nereidFade(this,100,10,5) style="FILTER: alpha(opacity=70)" onmouseout=nereidFade(this,50,10,5) bgColor=#33ff66>
<FONT face=verdana color=#ffffff size=1>dio
</TD>
</TR>
</TABLE>
</BODY>
</HTML></P>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

颜色渐变效果

人气教程排行