简单的js图片效果！更好的在。。。

<html
<head> 
<script language="JavaScript" type="text/javascript"> var bannerAD=new Array(); 
var adNum=0; 
   
bannerAD[0]='1.gif'; 
bannerAD[1]='2.gif'; 
bannerAD[2]='3.gif'; 
var slidelinks=new Array();
slidelinks[0]="http://www.webkkk.com/sygj/ggdm.htm";
slidelinks[1]="http://www.webkkk.com/sygj/ggdm.htm";
slidelinks[2]="http://www.webkkk.com/sygj/ggdm.htm";
slidelinks[3]="http://www.webkkk.com/sygj/ggdm.htm";
slidelinks[4]="http://www.webkkk.com/sygj/ggdm.htm";
var preloadedimages=new Array(); 
for (i=1;i<bannerAD.length;i++) { 
preloadedimages[i]=new Image(); 
preloadedimages[i].src=bannerAD[i]; } function setTransition() { 
if (document.all) { 
bannerADrotator.filters.revealTrans.Transition=Math.floor(Math.random()*23); 
bannerADrotator.filters.revealTrans.apply(); 
} 
} function playTransition() { 
if (document.all) { 
bannerADrotator.filters.revealTrans.play(); 
} 
} function nextAd() { if (adNum<bannerAD.length-1) { 
adNum++; 
} else { 
adNum=0; 
} setTransition(); 
document.images.bannerADrotator.src=bannerAD[adNum]; 
playTransition(); 
theTimer=setTimeout("nextAd()", 5000); }
 function gotoshow(){
      window.open(slidelinks[adNum]);
    }</script> </head> 
<body> <table> 
<td width="650" valign="middle"> <a onclick=gotoshow() style="CURSOR: hand" >
<img src="" name="bannerADrotator" width="650" height="240" style="FILTER: revealTrans(duration=2,transition=20);" > </a><script language="JavaScript" type="text/javascript"> 
nextAd();
</script></td> 
</table> 
</body> 
</html>