类似于Flash制作的一个图片展示效果[网页特效] dn001 2009-06-21 08:53:20 <body>脚本说明: 把如下代码加入<body>区域中： <script language=JavaScript> <!-- 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> <table border="0" cellspacing="1" cellpadding="0" align="center"> <tr align="center"> <td background="http://www.knowsky.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.knowsky.com/img/200406302.jpg" width="60" height="60" border="0" alt="网页教学网" ></a></td> <td width="60" height="60" background="http://www.knowsky.com/img/200406302.jpg"><a href="#"><img src="http://www.knowsky.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.knowsky.com/img/200406303.jpg"><a href="#p"><img src="http://www.knowsky.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.knowsky.com/img/200406304.jpg"><a href="#"><img src="http://www.knowsky.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>
