图片无限滚动

这个是转载的，我用在了我的项目里，谢谢原作者。

<SCRIPT TYPE="TEXT/JAVASCRIPT">
function scroll(div, td1, td2, speed, dir)
{
 var oDiv=document.getElementById(div);
 var oTd1=document.getElementById(td1);
 var oTd2=document.getElementById(td2);
 oTd2.innerHTML=oTd1.innerHTML;
 var fun_dir;
 if(dir=="lev"){fun_dir=levMarquee;}
  else if(dir=="ver"){fun_dir=verMarquee;}

 function levMarquee(){
  if(oDiv.scrollLeft>=oTd1.offsetWidth){oDiv.scrollLeft-=oTd1.offsetWidth;}
  else{oDiv.scrollLeft++;}
 }

 function verMarquee(){
  if(oDiv.scrollTop>=oTd1.offsetHeight){oDiv.scrollTop-=oTd1.offsetHeight;}
  else{oDiv.scrollTop++;}
 }

 var MyMar=setInterval(fun_dir, speed);
 oDiv.οnmοuseοver=function() {clearInterval(MyMar);}
 oDiv.οnmοuseοut=function() {MyMar=setInterval(fun_dir, speed);}
}
</SCRIPT>
<div id=demo style="width: 900px; overflow: hidden">
<table cellpadding="0" cellspacing="0" border="0">
        <tr>
 <td id=demo1>
  <table width="1260" height="105" cellpadding="0" cellspacing="0" border="1">
     <tr>
                <td width="126" height="105" background="image/bottom_6.jpg"><div align="center">1</div></td>
                <td width="126" height="105" background="image/bottom_1.jpg"><div align="center">2</div></td>
                <td width="126" height="105" background="image/bottom_2.jpg"><div align="center">3</div></td>
                <td width="126" height="105" background="image/bottom_3.jpg"><div align="center">4</div></td>
                <td width="126" height="105" background="image/bottom_6.jpg"><div align="center">5</div></td>
                <td width="126" height="105" background="image/bottom_3.jpg"><div align="center">6</div></td>
                <td width="126" height="105" background="image/bottom_4.jpg"><div align="center">7</div></td>
                <td width="126" height="105" background="image/bottom_1.jpg"><div align="center">8</div></td>
                <td width="126" height="105" background="image/bottom_5.jpg"><div align="center">9</div></td>
                <td width="126" height="105" background="image/bottom_2.jpg"><div align="center">10</div></td>
     </tr>
  </table>
 </td>
 <td id=demo2>
 </td>
 </tr>
</table></div>
<script type="text/javascript">scroll("demo", "demo1", "demo2", 20, "lev");</script>