js圖片切換 幻燈片效果

特效

 <div align="center">
                    
                    <script language='javascript' type='text/javascript'>
                        var bannerAD = new Array(); //用於存放圖片路徑（相對路徑）
                        var imgLink = new Array(); //圖片鏈接
                        var adNum = 0;
                        bannerAD[0] = "http://www.gotosc.gov.cn/UpLoadFiles/banner01_20116822739.jpg";
                        bannerAD[1] = "http://www.gotosc.gov.cn/images/banner03.jpg";
                        imgLink[0] = "http://bzh.sclyj.com/";
                        imgLink[1] = "http://www.gotosc.gov.cn/zfxxgk_views.aspx?CategoryId=2&ContentId=8016";

                        function setTransition() {
                            if (document.all) {
                                document.getElementById('bannerADrotator').filters.revealTrans.Transition = Math.floor(Math.random() * 23); //設置圖片切換
                                document.getElementById('bannerADrotator').filters.revealTrans.apply(); //應用圖片切換
                            }
                        }
                        function playTransition() {
                            if (document.all)
                                document.getElementById('bannerADrotator').filters.revealTrans.play() //播放圖片
                        }

                        function nextAd() {
                            if (adNum < bannerAD.length - 1) adNum++;
                            else adNum = 0;
                            setTransition();
                            document.getElementById('bannerADrotator').src = bannerAD[adNum];
                            playTransition();
                            theTimer = setTimeout("nextAd()", 5000); //5秒鐘切換一張圖片
                        }
                        function goToUrl() {
                            window.open(imgLink[adNum], '_blank');
                        }
</script>

<a href='javascript:goToUrl()'>
<img style="FILTER: revealTrans(duration=2,transition=20)" src="javascript:NextPic()" width=561 border=0 id='bannerADrotator'
height="115"></a>
<script language='javascript' type='text/javascript'>    nextAd();</script>        

                </div>