轮番变化的图片广告脚本效果


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

制作方法:
将下面的代码复制到<head>后:
<SCRIPT language=JavaScript>
var BannerAD=new Array();
var BannerADlink=new Array();
var adNum=0;

BannerAD[0]="1.gif";
BannerADlink[0]="http://www.sina.com.cn";
BannerAD[1]="2.gif";
BannerADlink[1]="http://www.163.com";
BannerAD[2]="3.gif";
BannerADlink[2]="http://www.sohu.com";
BannerAD[3]="4.gif";
BannerADlink[3]="http://www.263.net";

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="http://www.blue1000.com/article/1.gif" border=0 name=BannerADrotator></a>
<SCRIPT language=JavaScript>nextAd()</SCRIPT>

至此你就可以完成这个实例了,快去试试吧!

本文作者:
« 
» 
快速导航

Copyright © 2016 phpStudy | 豫ICP备2021030365号-3