图片页面慢慢滚动效果

<div style="width:500px; height:300px; border:solid 1px #666666; position:relative; overflow:hidden;">
  <table width="3000" height="193" border="0" cellpadding="0" cellspacing="1" style="position:absolute; left:0px;" id="neirong">
    <tr>
      <td width="500" bgcolor="#FFCC99">AAAAAAAAAAAAA</td>
      <td width="500" bgcolor="#FF0088">BBBBBBBBBBBBB</td>
      <td width="500" bgcolor="#ccCC99">CCCCCCCCCCCCC</td>
      <td width="500" bgcolor="#FFFF99">DDDDDDDDDDDDD</td>
      <td width="500" bgcolor="#DD4499">EEEEEEEEEEEEE</td>
      <td width="500" bgcolor="#EECC99">FFFFFFFFFFFFF</td>
    </tr>
  </table>
</div>


<p>&nbsp;</p>
<p><a href="javascript:" οnclick="show(1)">show A</a> |
<a href="javascript:" οnclick="show(2)">show B</a> |
<a href="javascript:" οnclick="show(3)">show C</a> |
<a href="javascript:" οnclick="show(4)">show D</a> |
<a href="javascript:" οnclick="show(5)">show E</a> |
<a href="javascript:" οnclick="show(6)">show F</a></p>


<script language="javascript">
var juli = 500;      //每一个片段移动多少像素
var sudu = 53;      //移动速度

function show(n)
{
 var site = parseInt(document.getElementById("neirong").style.left);
 if(!site)site=0;
  alert(site+'  '+(-(n-1)*juli));
 yidong(site,-(n-1)*juli);
}


function yidong(xz,js)
{

 if(xz > js)
 {
  xz = xz - sudu;
  if(xz-js<=sudu)xz=js
 }
 if(xz < js)
 {
  xz = xz + sudu
  if(js-xz<=sudu)xz=js
 }
 document.getElementById("neirong").style.left = xz+"px";
 
 
 var time_out = setTimeout("yidong("+xz+","+js+")",10);
 
 if(xz == js)
 {
  clearTimeout(time_out);
 }
}
</script>