逸云 - 秦皇岛最好的网站建设、网站制作、网络推广与SEO网站优化团队

在网站建设和网页制作当中经常需要图片轮流切换效果，以下是这种效果的两种代码，供大家参考：

（一）

<script language=JavaScript>
<!--
var bannerAD=new Array();
var bannerADlink=new Array();
var adNum=0;
bannerAD[0]="1.jpg";
bannerADlink[0]="1.jpg";
bannerAD[1]="2.jpg";
bannerADlink[1]="2.jpg";
bannerAD[2]="3.jpg";
bannerADlink[2]="3.jpg";
bannerAD[3]="4.jpg";
bannerADlink[3]="4.jpg";  
  var preloadedimages=new Array();
  for (i=1;i<5;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()", 6000);  //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>
   <table cellpadding=0 cellspacing=0 width=111>
    <tr>
     <td colspan=3 height=1 bgcolor=#ffffff>
<img src=c.gif width=1 height=1></td>
    </tr>
    <tr>
     <td bgcolor=#ffffff width="2"><img src=c.gif width=1 height=1></td>
     <td width="109"><a
   href="javascript:jump2url()"><img
   style="FILTER: revealTrans(duration=2,transition=20)" height=200 图片的高度
   src="javascript:nextAd()" width=350  图片的宽度 border=0
   name=bannerADrotator></a></td>
    
    </tr>
    <tr>
     <td colspan=3 height=1 bgcolor=#ffffff>
<img src=c.gif width=1 height=1></td>
    </tr>
   </table>

（二）

<IFRAME id=IFramead1
                  src="ad1.htm"  //连接ad1.htm的路径
 frameBorder=0 width=755 scrolling=no
                  height=120></IFRAME>

放到另一个页面ad1.htm

<SCRIPT language=javascript>     
 var image=new Array(); 
    image[0] ='';     
 image[0] +='<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">';     
 image[0] +='<tr>';     
 image[0] +='<td>';         
 image[0] +='<div align="center"><a href="http://www.724ad.com/" target=_blank><img src="2new/ad/1.jpg" width="755"  height="120" border=0></a></div></TD>';     
 image[0] +='</tr>';
 image[0] +='</TABLE>';   
 
 image[1] ='<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">';     
 image[1] +='<tr>';     
 image[1] +='<td>';         
 image[1] +='<div align="center"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="755" height="120"><param name="movie" value="ad/jmz.swf"><param name="quality" value="high"><embed src="ad/jmz.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="755" height="117"></embed></object></div></TD>';     
 image[1] +='</tr>';
 image[1] +='</TABLE>';   
 
 image[2] ='<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">';     
 image[2] +='<tr>';     
 image[2] +='<td>';         
 image[2] +='<div align="center"><a href="http://www.724ad.com/" target=_blank><img src="ad/qianyi.jpg" width="755"  height="120"  border=0></a></div></TD>';     
 image[2] +='</tr>';
 image[2] +='</TABLE>'; 
 
  image[3] ='<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">';     
 image[3] +='<tr>';     
 image[3] +='<td>';         
 image[3] +='<div align="center"><a href="http://www.724ad.com/" target=_blank><img src="ad/jhh.jpg" width="755" height="120" border=0></a></div></TD>';     
 image[3] +='</tr>';
 image[3] +='</TABLE>';   
 
</SCRIPT>

<SCRIPT language=javascript src="ad1.files/product_gd.js"></SCRIPT>

<STYLE type=text/css>BODY {
 MARGIN: 0px
}
</STYLE>

<META content="MSHTML 6.00.2900.3059" name=GENERATOR></HEAD>
<BODY>
<TABLE cellSpacing=0 cellPadding=0 width=755 border=0>
  <TBODY>
  <TR>
    <TD>
      <MARQUEE direction=up loop=1 height=120>
      <DIV id=first2
      style="LEFT: 0px; WIDTH: 17px; POSITION: absolute; TOP: 3px; HEIGHT: 20px">
      <SCRIPT language=JavaScript>
      document.write(image[0]);
     </SCRIPT>
      </DIV>
      <DIV id=second2
      style="LEFT: 0px; VISIBILITY: hidden; POSITION: absolute; TOP: 0px">
      <SCRIPT language=JavaScript>
      document.write(image[1]);
     </SCRIPT>
      </DIV>
      <DIV id=second3
      style="LEFT: 0px; VISIBILITY: hidden; POSITION: absolute; TOP: 0px">
      <SCRIPT language=JavaScript>
      document.write(image[2]);
     </SCRIPT>

      <DIV id=second4
      style="LEFT: 0px; VISIBILITY: hidden; POSITION: absolute; TOP: 0px">
      <SCRIPT language=JavaScript>
      document.write(image[3]);
     </SCRIPT>
      </DIV>
      <SCRIPT>startscroll();</SCRIPT>
      </DIV></MARQUEE></TD></TR>
  <TR>
    <TD bgColor=#ffffff height=1></TD></TR></TBODY></TABLE></BODY>