现在的位置: 首页 > 综合 > 正文

js图片切换 幻灯片效果

2014年03月08日 ⁄ 综合 ⁄ 共 1270字 ⁄ 字号 评论关闭

特效

 <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>

 

抱歉!评论已关闭.