亿联网自助建站平台 开启企业建站营销新时代、免费建站平台倡导者  站长学院  高端定制请点这里
热线:13913253836
您现在的位置:首页 > 站长学院 > 建站资讯 > 建站、设计教程 > 幻灯片和轮播图

js图片切换代码

作者:eycms 日期:2016-02-16 16:14:44 人气:345

  

<SCRIPT language=Javascript>

   var bannerAD=new Array();

   var bannerADlink=new Array();

   var adNum=0;

   bannerAD[0]="http://www.gxx.com/cy/1.jpg";

   bannerADlink[0]="http://www.1xx.com";

   bannerAD[1]="http://www.gxx.com/cy/2.jpg";

   bannerADlink[1]="http://www.2xx.com";

   bannerAD[2]="http://www.gxx.com/cy/3.jpg";

   bannerADlink[2]="http://www.3xx.com.cn";

   bannerAD[3]="http://www.gxx.com/cy/4.jpg";

   bannerADlink[3]="http://www.4xx.com";

function setTransition(){

   if (document.all){

      bannerADrotator.filters.revealTrans.Transition=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=bannerADtarget[adNum];

   window.open(jumpUrl,jumpTarget);  

}

function displayStatusMsg() { 

   status=bannerADlink[adNum];

   document.returnValue = true;

}

</SCRIPT>

<A onmouseover="displayStatusMsg();return document.returnValue" href="javascript:jump2url()" 

onFocus="if(this.blur)this.blur()"><img style="FILTER:revealTrans(duration=1,transition=23)" 

src="http://www.gxx.com/cy/1.jpg" border="0" name=bannerADrotator>

<script language=Javascript>nextAd()</script> 

回到顶部