实现图片横向无缝滚动效果

<div id="demo" style="overflow:hidden;width:600;"> 
<table border="0" align="left" cellpadding="0" cellspacing="0" cellspace="0" class="search"> 
<tr> 

<td width="778" height="120" id="demo1"> 

<table border="0" align="center" cellpadding="0" cellspacing="0" cellspace="0"> 
<tr> 
<td height="120" align="center"> 
<a href="services/design/anli1.asp"><img src="image/02.jpg" width="150" height="100" border="0"></a></td> 
<td align="center"><a href="services/design/anli1.asp"><img src="image/10.jpg" width="150" height="100" border="0"></a></td> 
<td align="center"><a href="services/design/anli1.asp"><img src="image/220955461.jpg" width="150" height="100" border="0"></a></td> 
<td align="center"><a href="services/design/anli1.asp"><img src="image/24.gif" width="150" height="100" border="0"></a></td> 
</td> 

</tr> 

</table> 
</td> 
<td width="12" id="demo2"></td> 
</tr> 
</table> 
</div> 
<script language=JavaScript> 
var speed3=1//faster if speed3 smaller
demo2.innerHTML=demo1.innerHTML 
function Marquee(){ 

if(demo2.offsetWidth-demo.scrollLeft<=0) {
demo.scrollLeft=demo.scrollLeft-demo1.offsetWidth