您的位置:首页 > Web前端 > JavaScript

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>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: