页面导航：首页 → 网络编程 → JavaScript → 应用技巧 → 正文内容颜色渐变效果

颜色渐变效果

发布：dxy 字体：[增加减小] 类型：转载

点击运行可以看到效果:

<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);
}
}
</SCRIPT>
</HEAD>
<BODY text=#000000 bgColor=#e3e3e3>
<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>

[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

Tags：颜色渐变效果

浏览次数：载入中... 打印本文关闭本文返回首页

0

顶一下

上一篇文章：如何实现iframe(嵌入式帧)的自适应高度
下一篇文章：用JS剩余字数计算的代码

·在百度中搜索关于“颜色渐变效果”相关内容
·在谷歌中搜索关于“颜色渐变效果”相关内容

文章评论

共有位脚本之家网友发表了评论我来说两句

颜色渐变效果

文章评论

同类文章

最近更新

热点排行

颜色渐变效果

文章评论

同 类 文 章

最 近 更 新

热 点 排 行

同类文章

最近更新

热点排行