js图片切换效果代码:点击图片切换上一张,下一张的效果

<DIV style="OVERFLOW: hidden; WIDTH: 555px; TEXT-ALIGN: center">
<TABLE width=555 border=0>
<TBODY>
<TR>
<TD align=middle><INPUT onclick=leftimg(); type=button value=上一张 name=lefts> <INPUT onclick=rightimg(); type=button value=下一张 name=rights></TD></TR></TBODY></TABLE>
<TABLE width=555 align=center>
<TBODY>
<TR vAlign=top align=middle>
<TD><IMG id=img1 src="pro/searay/60 DA/1.jpg"></TD>
<TD><IMG id=img2 src="pro/searay/60 DA/2.jpg"></TD>
<TD><IMG id=img3 src="pro/searay/60 DA/3.jpg"></TD>
<TD><IMG id=img4 src="pro/searay/60 DA/4.jpg"></TD>
<TD><IMG id=img5 src="pro/searay/60 DA/5.jpg"></TD>
<TD><IMG id=img6 src="pro/searay/60 DA/6.jpg"></TD>
<TD><IMG id=img7 src="pro/searay/60 DA/7.jpg"></TD>
<TD><IMG id=img8 src="pro/searay/60 DA/8.jpg"></TD>
<TD><IMG id=img9 src="pro/searay/60 DA/9.jpg"></TD>
<TD><IMG id=img10 src="pro/searay/60 DA/10.jpg"></TD>
<TD><IMG id=img11 src="pro/searay/60 DA/11.jpg"></TD>
<TD><IMG id=img12 src="pro/searay/60 DA/12.jpg"></TD>
<TD><IMG id=img13 src="pro/searay/60 DA/13.jpg"></TD>
<TD><IMG id=img14 src="pro/searay/60 DA/14.jpg"></TD>
<TD><IMG id=img15 src="pro/searay/60 DA/15.jpg"></TD>
<TD><IMG id=img16 src="pro/searay/60 DA/16.jpg"></TD>
<TD><IMG id=img17 src="pro/searay/60 DA/17.jpg"></TD>
<TD><IMG id=img18 src="pro/searay/60 DA/18.jpg"></TD>
<TD><IMG id=img19 src="pro/searay/60 DA/19.jpg"></TD>
<TD><IMG id=img20 src="pro/searay/60 DA/20.jpg"></TD>
<TD><IMG id=img21 src="pro/searay/60 DA/21.jpg"></TD>
<TD><IMG id=img22 src="pro/searay/60 DA/22.jpg"></TD>
<TD><IMG id=img23 src="pro/searay/60 DA/23.jpg"></TD>
<TD><IMG id=img24 src="pro/searay/60 DA/24.jpg"></TD>
<TD><IMG id=img25 src="pro/searay/60 DA/25.jpg"></TD></TR></TBODY></TABLE></DIV>
<SCRIPT> 
var imgarray=new Array(); 
var txtarray=new Array(); 
var ipos=0; 

 

imgarray[0]="pro/searay/60 DA/1.jpg"; 

 

imgarray[1]="pro/searay/60 DA/2.jpg"; 

 

imgarray[2]="pro/searay/60 DA/3.jpg"; 

 

imgarray[3]="pro/searay/60 DA/4.jpg"; 

 

imgarray[4]="pro/searay/60 DA/5.jpg"; 

 

imgarray[5]="pro/searay/60 DA/6.jpg"; 

 

imgarray[6]="pro/searay/60 DA/7.jpg"; 

 

imgarray[7]="pro/searay/60 DA/8.jpg"; 

 

imgarray[8]="pro/searay/60 DA/9.jpg"; 

 

imgarray[9]="pro/searay/60 DA/10.jpg"; 

 

imgarray[10]="pro/searay/60 DA/11.jpg"; 

 

imgarray[11]="pro/searay/60 DA/12.jpg"; 

 

imgarray[12]="pro/searay/60 DA/13.jpg"; 

 

imgarray[13]="pro/searay/60 DA/14.jpg"; 

 

imgarray[14]="pro/searay/60 DA/15.jpg"; 

 

imgarray[15]="pro/searay/60 DA/16.jpg"; 

 

imgarray[16]="pro/searay/60 DA/17.jpg"; 

 

imgarray[17]="pro/searay/60 DA/18.jpg"; 

 

imgarray[18]="pro/searay/60 DA/19.jpg"; 

 

imgarray[19]="pro/searay/60 DA/20.jpg"; 

 

imgarray[20]="pro/searay/60 DA/21.jpg"; 

 

imgarray[21]="pro/searay/60 DA/22.jpg"; 

 

imgarray[22]="pro/searay/60 DA/23.jpg"; 

 

imgarray[23]="pro/searay/60 DA/24.jpg"; 

 

imgarray[24]="pro/searay/60 DA/25.jpg"; 

 

function leftimg(){ 
ipos++; 
ipos2=ipos; 
if(ipos2>4){ipos2=0;ipos=0} 
img1.src=imgarray[ipos2]; 

 

ipos2++; 
if(ipos2>4){ipos2=0} 
img2.src=imgarray[ipos2] 

 

ipos2++; 
if(ipos2>4){ipos2=0} 
img3.src=imgarray[ipos2] 

 

} 
function rightimg(){ 
ipos--; 
ipos2=ipos; 
if(ipos2<0){ipos2=4;ipos=4} 
img1.src=imgarray[ipos2] 

 

ipos2++; 
if(ipos2>4){ipos2=0} 
img2.src=imgarray[ipos2] 

 

ipos2++; 
if(ipos2>4){ipos2=0} 
img3.src=imgarray[ipos2] 

 

} 
</SCRIPT>

 

<DIV><FONT face=Verdana>SeaRay60 Sundancer&nbsp;<BR>型长&nbsp;18.75米<BR>型宽&nbsp;5.11米<BR>型深&nbsp;145cm <BR>净重&nbsp;27307公斤<BR>油箱&nbsp;3406.5升<BR>仰望&nbsp;17度<BR></FONT></DIV>