图片广告滤镜切换效果代码

yoken 阅读：2938 2008-10-18 22:14:00 评论：2

图片广告滤镜切换效果代码,不用刷新就会轮番变化的图片广告脚本效果，图片的转换效果是随机的，有些趣味性，而且图片本身都是带有链接和图片说明的，图片说明都显示在状态栏里，图片数量可增减，是个不错的脚本。

制作方法：
将下面的代码复制到<head>后：
<SCRIPT language=Javascript>
var bannerAD=new Array();
var bannerADlink=new Array();
var adNum=0;

bannerAD[0]="1.gif";
bannerADlink[0]="http://www.80920140.com.cn";
bannerAD[1]="2.gif";
bannerADlink[1]="http://www.80920140.com.cn";
bannerAD[2]="3.gif";
bannerADlink[2]="http://www.80920140.com.cn";
bannerAD[3]="4.gif";
bannerADlink[3]="http://www.80920140.com.cn";

var preloadedimages=new Array();
for (i=1;i<bannerAD.length;i++){
preloadedimages[i]=new Image();
preloadedimages[i].src=bannerAD[i];
}

function setTransition(){
if (document.all){
bannerADrotator.filters.revealTrans.Transition=Math.floor(Math.random()*23);
bannerADrotator.filters.revealTrans.apply();
}
}

function playTransition(){
if (document.all)
bannerADrotator.filters.revealTrans.play()
}

function nextAd(){
if(adNum<bannerAD.length-1)adNum++ ;
else adNum=0;
setTransition();
document.images.bannerADrotator.src=bannerAD[adNum];
playTransition();
theTimer=setTimeout("nextAd()", 5000);
}

function jump2url(){
jumpUrl=bannerADlink[adNum];
jumpTarget='_blank';
if (jumpUrl != ''){
if (jumpTarget != '')window.open(jumpUrl,jumpTarget);
else location.href=jumpUrl;
}
}
function displayStatusMsg() {
status=bannerADlink[adNum];
document.returnValue = true;
}
</SCRIPT>
在代码中，相应修改图片的地址与超链接地址！
在<a href>属性中加入代码：
<A onmouseover="displayStatusMsg();return document.returnValue" href="javascript:jump2url()"><IMG style="FILTER: revealTrans(duration=2,transition=20)" src="1.gif" border=0 name=bannerADrotator></a>
<SCRIPT language=JavaScript>nextAd()</SCRIPT>