颜色渐变效果- Javascript - 软晨网（RuanChen.com）

当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 颜色渐变效果

技术文章搜索

关键字

Javascript 中的颜色渐变效果

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 61 ::

收藏到网摘: n/a

如何实现iframe(嵌入式帧)的自适应高度用户输入密码的强度

点击运行可以看到效果:

<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 全选提示:你可先修改部分代码,再按运行]

如何实现iframe(嵌入式帧)的自适应高度用户输入密码的强度

Javascript 中的 颜色渐变效果

评论 (0) All

Javascript 中的颜色渐变效果