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

利用JAVASCRIPT实现几张图片的切换

2009-04-02 14:40 656 查看
放入head中:

PS:修改相应类似的代码,即图片地址和相应链接。

bannerAD[0]="001.JPG";

bannerADlink[0]="#";

 

<script language=JavaScript>

<!-- // BannerAD

   var bannerAD=new Array();

   var bannerADlink=new Array();

   var adNum=0;

   bannerAD[0]="001.JPG";

   bannerADlink[0]="#";

   bannerAD[1]="002.JPG";

   bannerADlink[1]="#";

   bannerAD[2]="003.JPG";

   bannerADlink[2]="#";

   

   bannerAD[3]="004.JPG";

   bannerADlink[3]="#";

   bannerAD[4]="005.JPG";

   bannerADlink[4]="#";

   bannerAD[5]="006.jPG";

   bannerADlink[5]="#";

   

   bannerAD[6]="007.JPG";

   bannerADlink[6]="#";

   bannerAD[7]="008.JPG";

   bannerADlink[7]="#";

   bannerAD[8]="009.jPG";

   bannerADlink[8]="#";

   

   bannerAD[9]="010.JPG";

   bannerADlink[9]="#";

   bannerAD[10]="011.JPG";

   bannerADlink[10]="#";

   

   

   var preloadedimages=new Array();

   for (i=1;i<bannerAD.length;i++){

      preloadedimages=new Image();

      preloadedimages.src=bannerAD;

   }

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()", 6000);

}

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>


 

在网页需要显示此效果的地方加入以下代码:

PS:修改图片的长和宽

 

<A onmouseover="displayStatusMsg();return document.returnValue"

      href="javascript:jump2url()"><img

      style="FILTER: revealTrans(duration=2,transition=20)" height=100

      src="002.jpg" width=200

        border=0

      name=bannerADrotator> </A>

                  <SCRIPT language=JavaScript>nextAd()</SCRIPT>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息