学步园

转载自：http://apps.hi.baidu.com/share/detail/5472492

多张图片切换javascript例子，可以选择切换的样式，不过不能选择指定的图片

<table width="535" height="215" border="0" cellpadding="0"<br /> cellspacing="0"><br /> <tr><br /> <td width="450" height="215"><br /> <mce:script language=JavaScript><!--<br /> //js代码<br /> var bannerAD=new Array(); //用于存放图片路径（相对路径）<br /> var adNum=0;<br /> bannerAD[0]="images/mibao.jpg";<br /> bannerAD[1]="images/IMG_0882.JPG";<br /> bannerAD[2]="images/IMG_0883.JPG";<br /> bannerAD[3]="images/IMG_0884.JPG";<br /> function setTransition(){<br /> if (document.all){<br /> bannerADrotator.filters.revealTrans.Transition=Math.floor(Math.random()*23);//设置图片切换<br /> bannerADrotator.filters.revealTrans.apply(); //应用图片切换<br /> }<br /> } </p> <p> function playTransition(){<br /> if (document.all)<br /> bannerADrotator.filters.revealTrans.play() //播放图片<br /> } </p> <p> function nextAd(){<br /> if(adNum<bannerAD.length-1)adNum++;<br /> else adNum=0;<br /> setTransition();<br /> document.images.bannerADrotator.src=bannerAD[adNum];<br /> playTransition();<br /> theTimer=setTimeout("nextAd()", 5000); //5秒钟切换一张图片<br /> } </p> <p>// --></mce:script></p> <p> <img style="FILTER: revealTrans(duration=2,transition=20)" mce_style="FILTER: revealTrans(duration=2,transition=20)" height=292 src="" width=515 border=1 name=bannerADrotator><br /> <SCRIPT language=JavaScript>nextAd()</SCRIPT><br /> </td><br /> </tr><br /> </table>