当前位置：Gxlcms > JavaScript > 非常不错的javascript 图片慢慢下层效果

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

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

<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=https://www.jb51.net/www.gxlcms.com/logos.gif ><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="https://www.jb51.net/www.gxlcms.com/logos.gif" ></TD> 
</TR></TBODY></TABLE> 
</body>

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

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

人气教程排行