页面导航：首页 → 网络编程 → JavaScript → 网页特效 → 图象特效 → 正文内容

非常不错的javascript 图片慢慢下层效果

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

点击运行可以看到效果:

<SCRIPT language=JavaScript> 
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> 
<body> 
<TABLE cellSpacing=1 cellPadding=0 border=0> 
<TBODY> 
<TR align=middle> 
<TD width=128 background=http://www.jb51.net/logos.gif ><A href="#" target=_blank><IMG onmouseover=nereidFade(this,100,5,7) style="BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; FILTER: alpha(opacity=0); BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid" onmouseout=nereidFade(this,01,7,5)   src="http://www.jb51.net/logos.gif" ></A></TD> 
</TR></TBODY></TABLE> 
</body>

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