js图片切换 幻灯片效果
2011-08-11 00:52
357 查看
特效
<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>
相关文章推荐
- js打造图片幻灯片效果——多幅图片淡入淡出切换
- JS+Flash实现图片切换幻灯片效果
- 漂亮的js tab图片轮换效果代码(可自定义的幻灯片和图片缓冲切换)
- 漂亮的js tab图片轮换效果代码(可自定义的幻灯片和图片缓冲切换)
- JS实现FLASH幻灯片图片切换效果的方法
- JS实现FLASH幻灯片图片切换效果的方法
- JS实现图片幻灯片效果
- 一款常用的漂亮的JS图片滑动切换效果
- Flash和JS实现的图片幻灯片切换特效
- 60款很酷的 jQuery 幻灯片演示和下载--多张图片Flash切换效果
- 最简单的js图片切换效果实现代码
- JS图片左右切换效果
- 纯js实现背景图片切换效果代码
- js实现同一页面可多次调用的图片幻灯切换效果
- js鼠标点击图片切换效果实现代码
- js实现索引图片切换效果
- [置顶] js的判断以及图片的点击切换效果
- 漂亮的JS图片滑动切换效果
- Web前端-JS效果-网站首页+图片自动播放、切换等效果
- js鼠标点击图片切换效果代码分享