非常不錯的javascript 圖片慢慢下層效果

2019-11-21 01:59:39

字體：大中小

供稿：網(wǎng)友

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

[Ctrl+A 全選注:如需引入外部Js需刷新才能執(zhí)行]

上一篇：javascript+css實(shí)現(xiàn)單擊顏色褪去效果

下一篇：javascript 動態(tài)改變層的Z-INDEX的代碼style.zIndex