亮麗的JS圖片漸變導航

<script language=JavaScript>
nereidFadeObjects = new Object();
nereidFadeTimers = new Object();
function nereidFade(object, destOp, rate, delta){
if (!document.all)
return
    if (object != "[object]"){ 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>
 <table border="0" cellspacing="1" cellpadding="0" align="center">
<tr>打開頁面請等待一會，圖片加載完才能看到效果！</tr>
          <tr align="center"> 
            <td background="wall_s1.jpg" width="60" height="60"><a href="#"><img 
      οnmοuseοver=nereidFade(this,100,5,7) style="FILTER: alpha(opacity=0);border:1px solid #000000" 
      οnmοuseοut=nereidFade(this,01,7,5) 
      src="wall_s5.jpg" width="60" height="60" border="0" alt="精品源碼資源"></a></td>
            <td width="60" height="60" background="wall_s2.jpg"><a href="#"><img src="wall_s6.jpg" width="60" height="60" border="0" alt="精品網頁特效" οnmοuseοver=nereidFade(this,100,5,7) style="FILTER: alpha(opacity=0);border:1px solid #000000"  
      οnmοuseοut=nereidFade(this,01,7,5)></a></td>
            <td width="60" height="60" background="wall_s3.jpg"><a href="#p"><img src="wall_s7.jpg" width="60" height="60" border="0" alt="學習型源代碼"  οnmοuseοver=nereidFade(this,100,5,7) style="FILTER: alpha(opacity=0);border:1px solid #000000"  
      οnmοuseοut=nereidFade(this,01,7,5)></a></td>
          </tr>
        </table>