最好的图片效果，是一个鼠标驱动图片的效果

<body>脚本说明:

把如下代码加入<body>区域中：

<!-- Beginning of JavaScript Code -------------------

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);

}

// -- End of JavaScript Code -->

</script>

<td background="http://www.webjx.com/img/200406301.jpg" width="60" height="60"><a href="#"><img

onmouseover=nereidFade(this,100,5,7) style="FILTER: alpha(opacity=0);border:1px solid #000000"

onmouseout=nereidFade(this,01,7,5)

src="http://www.webjx.com/img/200406302.jpg" width="60" height="60" border="0" alt="网页教学网" ></a></td>

<td width="60" height="60" background="http://www.webjx.com/img/200406302.jpg"><a href="#"><img src="http://www.webjx.com/img/200406303.jpg" width="60" height="60" border="0" alt="网页教学网" onmouseover=nereidFade(this,100,5,7) style="FILTER: alpha(opacity=0);border:1px solid #000000"

onmouseout=nereidFade(this,01,7,5) ></a></td>

<td width="60" height="60" background="http://www.webjx.com/img/200406303.jpg"><a href="#p"><img src="http://www.webjx.com/img/200406304.jpg" width="60" height="60" border="0" alt="网页教学网" onmouseover=nereidFade(this,100,5,7) style="FILTER: alpha(opacity=0);border:1px solid #000000"

onmouseout=nereidFade(this,01,7,5) ></a></td>

<td width="60" height="60" background="http://www.webjx.com/img/200406304.jpg"><a href="#"><img src="http://www.webjx.com/img/200406305.jpg" width="60" height="60" border="0" alt="网页教学网" onmouseover=nereidFade(this,100,5,7) style="FILTER: alpha(opacity=0);border:1px solid #000000"

onmouseout=nereidFade(this,01,7,5) ></a></td>

</tr>

</table>

</body>

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