[求助] 请问怎样实现DearBook网站首页中间那样的多行图片滚动效果？？？？

<DIV id="div1" align="center">
<SCRIPT language=JavaScript> 
document.ns = navigator.appName == "Microsoft Internet Explorer";
function showStr(str,textWidth,num) 
{  
if(!document.ns) 
{ 
document.write(str[0]+'<br>') 
} 
else 
{ 
var wrt="";
wrt+='<table border=0 cellspacing=0 cellpadding=0>';
wrt+='<tr><td>';
wrt+='<div id="icefable1'+num+'">';
wrt+='<table width='+textWidth+' border=0 cellspacing=0 cellpadding=0>';
for (var i in str)
{
wrt+='<tr><td height=20>'+str[i]+'</td></tr>';
} scroll_num=i;
wrt+='</table>';
wrt+='</div>';
wrt+='<div id="icefable2'+num+'" style="position:absolute;z-index:1;visibility:hidden"></div>';
wrt+='</td></tr>';
wrt+='</table>';
document.write(wrt);
}
}
function init_srolltext(num){countnum=0;eval('stopscroll'+num+'=false;');
eval('icefable1'+num+'.scrollTop=0;');
rotatenum=0;
eval('icefable1'+num+'.style.width=0;');
eval('icefable1'+num+'.style.height=marqueesHeight;');
eval('icefable1'+num+'.style.overflowX="visible";');
eval('icefable1'+num+'.style.overflowY="hidden";');
eval('icefable1'+num+'.noWrap=true;');
eval('icefable1'+num+'.onmouseover=new Function("stopscroll=true");');
eval('icefable1'+num+'.onmouseout=new Function("stopscroll=false");');
eval('preTop'+num+'=0; ');
eval('currentTop'+num+'=0;');eval('stoptime'+num+'=0;');
eval('icefable2'+num+'.innerHTML="";');
eval('icefable2'+num+'.innerHTML+=icefable1'+num+'.innerHTML;');
eval('icefable1'+num+'.innerHTML=icefable2'+num+'.innerHTML+icefable2'+num+'.innerHTML;');
eval('setInterval("scrollUp'+num+'()",40);');
}
function scrollUp1()
{
if(stopscroll1==true) return;
currentTop1+=1;
if(currentTop1==marqueesHeight+1)
{
stoptime1+=1;
currentTop1-=1;
if(stoptime1==scrolllen*marqueesHeight)
{
currentTop1=0;
stoptime1=0;
}
}
else
{
  preTop1=icefable11.scrollTop;
  icefable11.scrollTop+=1;
  if(icefable11.scrollTop==scrolllen*marqueesHeight+1)
{
    preTop1=0;
 currentTop1=0;
 stoptime1=0;
icefable11.scrollTop=0;
  }}}
 var strArray1=new Array();
 var s1="",s2="";
 var atrarr=[];
 atrarr[0]=["","1.jpg"];
 atrarr[1]=["","2.jpg"];
 atrarr[2]=["","3.jpg"];
 atrarr[3]=["","4.jpg"];
  var atrarr2=[];
 atrarr2[0]=["","5.jpg"];
 atrarr2[1]=["","6.jpg"];
 atrarr2[2]=["","7.jpg"];
 atrarr2[3]=["","8.jpg"];
 for( var i=0;i<4;i++)
 {
   s1+='<a href="'+atrarr[i][0]+'" target=_blank><img border=0 src='+atrarr[i][1]+' height=80 width=150></a>&nbsp;';
   s2+='<a href="'+atrarr2[i][0]+'" target=_blank><img border=0 src='+atrarr2[i][1]+' height=80 width=150></a>&nbsp;';
 }
 
strArray1[0]=s1;
 strArray1[1]=s2;
 var scrolllen=strArray1.length;marqueesHeight=82;showStr(strArray1,580,1);init_srolltext(1);
 </SCRIPT>
</DIV>