带缩略图js平滑图片切换特效

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> .woon{border:1px solid #fff;} .wooff{border:1px solid #ffffff;filter:progid:DXImagetransform.Microsoft.Alpha(style=1,opacity=1500,finishOpacity=1);} </style> <script language="JavaScript" type="text/JavaScript"> <!--//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。 window.onerror = function(){return true} function MM_openBrWindow(theURL,winName,features) { //v2.0 window.open(theURL,winName,features); }//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，.net打造靓站，还有许多广告代码下载。 //--> </script> <a href="http://www.zzjs.net/">站长特效网</a>,站长必备的高质量网页特效和广告代码。zzjs.net，站长js特效。<hr> <!--欢迎来到站长特效网，我们网站收集大量高质量js特效，提供许多广告代码下载，网址：www.zzjs.net，zzjs@msn.com,用.net打造靓站--> <script type="text/javascript" src="http://www.zzjs.net/ad/tc.js"></script> 看不到图片请刷新页面看效果 <table width="400" border="0" align="center" cellPadding="0" cellSpacing="0" bgcolor="#FF6699"> <tr> <td width="400" height="300" align="center"> <div id="fc" style="filter:progid:DXImagetransform.Microsoft.GradientWipe(duration=3,gradientSize=0.5,motion=forward ); WIDTH:400px; HEIGHT:300px; border:1px solid #D85C8A"> <div style="display:block"><A href="http://www.zzjs.net" target=_blank><img onmouseover="clearAuto();" onmouseout="setAuto()" height="300" src="/ad/1.gif" width="400" border="0"></A></div> <div style="display: none"><a href="http://www.zzjs.net" target="_blank"><img onmouseover="clearAuto();" onmouseout="setAuto()" height="300" src="/ad/2.gif" width="400" border="0"></a></div> <div style="display: none"><A href="http://zzjs.net" target=_blank><img onmouseover="clearAuto();" onmouseout="setAuto()" height="300" src="/ad/3.gif" width="400" border="0"></A></div> <div style="display: none"><a href="http://zzjs.net" target=_blank><img onmouseover="clearAuto();" onmouseout="setAuto()" height="300" src="/ad/4.gif" width="400" border="0"></a></div> </div></td> </tr> <tr> <td height="99" valign="top"> <table border="0" align="center" cellPadding="0" cellSpacing="1" id="num"> <tr> <td class="woon" onmouseover=clearAuto();onclick=Mea(0); onmouseout=setAuto()><img src="/ad/1.gif" width="90" height="90" style="cursor: hand" onDblClick="MM_openBrWindow('http://www.zzjs.net','','')"></td> <td class="wooff" onmouseover=clearAuto(); onclick=Mea(1); onmouseout=setAuto()><img src="/ad/2.gif" width="90" height="90" border="0" style="cursor: hand" onDblClick="MM_openBrWindow('http://zzjs.net','','')"></td> <td class="wooff" onmouseover=clearAuto(); onclick=Mea(2); onmouseout=setAuto()><img src="/ad/3.gif" width="90" height="90" style="cursor: hand" onDblClick="MM_openBrWindow('http://zzjs.net','','')"></td> <td class="wooff" onmouseover=clearAuto(); onclick=Mea(3); onmouseout=setAuto()><img src="/ad/4.gif" width="90" height="90" style="cursor: hand" onDblClick="MM_openBrWindow('http://zzjs.net','','')"></td> </td> </tr> </table> <script> var n=0; var showNum = document.getElementById("num"); function Mea(value){ n=value; setBg(value); plays(value); }//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，.net打造靓站，还有许多广告代码下载。x function setBg(value){ for(var i=0;i<4;i++) if(value==i){ showNum.getElementsByTagName("td")[i].className='woon'; } else{ showNum.getElementsByTagName("td")[i].className='wooff'; } }//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，.net打造靓站，还有q许多广告代码下载。 function plays(value){ with (fc){ filters[0].Apply(); for(i=0;i<4;i++)i==value?children[i].style.display="block":children[i].style.display="none"; filters[0].play(); } }//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，.net打造靓站，还有许x多广告代码下载。 function clearAuto(){clearInterval(autoStart)} function setAuto(){autoStart=setInterval("auto(n)", 5000)} function auto(){ n++; if(n>3)n=0; Mea(n); }//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，.net打造靓站，还有许多广告代码下载。 function sub(){ n--; if(n<0)n=3; Mea(n); } //欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。 setAuto(); </script> </body> </html>

提示：你可以先修改部分代码再运行。