网页设计：不间断滚动显示图片

例子：

<table width="247" height="194" border="0">
  <tr>
    <td bgcolor="#0066FF"><p>
<!-- 代码开始  -->
 <div id=rolllink style=overflow:hidden;height:100;width:200> <!-- 设置长宽 -->
 <div id=rolllink1>
 

        <a href="http://ottor.cnblogs.com"><img src="http://www.jy2z.com/images/nologo.jpg" width="133" height="50" border="0"></a>
        <br>
        <a href="http://www.jy2z.com/images/nologo.jpg"><img src="http://www.jy2z.com/images/nologo.jpg" width="133" height="50" border="0"></a><br>
        <a href="http://www.jy2z.com"><img src="http://www.jy2z.com/images/nologo.jpg" width="133" height="50" border="0"></a><br>
        <a href="http://www.jy2z.com"><img src="http://www.jy2z.com/images/nologo.jpg" width="133" height="50" border="0"></a>        <br>
  </marquee>
  
  </div>
 <div id=rolllink2></div></div>
  <script>
   var rollspeed=30
   rolllink2.innerHTML=rolllink1.innerHTML //克隆rolllink1为rolllink2
   function Marquee(){
   if(rolllink2.offsetTop-rolllink.scrollTop<=0) //当滚动至rolllink1与rolllink2交界时
   rolllink.scrollTop-=rolllink1.offsetHeight  //rolllink跳到最顶端
   else{
   rolllink.scrollTop++
   }
   }
   var MyMar=setInterval(Marquee,rollspeed) //设置定时器
   rolllink.onmouseover=function() {clearInterval(MyMar)}//鼠标移上时清除定时器达到滚动停止的目的
   rolllink.onmouseout=function() {MyMar=setInterval(Marquee,rollspeed)}//鼠标移开时重设定时器
</script>
<!-- 代码结束  -->  
      </p></td>
  </tr>
</table>