四向无缝滚动JavaScript图片代码实现

//不间断向上
<div id=demo style=overflow:hidden;height:860;width:860;background:#f4f4f4;color:#ffffff><div id=demo1>
 <img src="http://www.my-link.cn/html/kxjs/dnjs/dn/20070729//01.jpg">
 <img src="http://www.my-link.cn/html/kxjs/dnjs/dn/20070729//02.jpg">
 <img src="http://www.my-link.cn/html/kxjs/dnjs/dn/20070729//03.jpg">
 <img src="http://www.my-link.cn/html/kxjs/dnjs/dn/20070729//04.jpg">
 <img src="http://www.my-link.cn/html/kxjs/dnjs/dn/20070729//05.jpg">
</div>
<div id=demo2></div>
</div>
   <script>
   var speed=50
   demo2.innerHTML=demo1.innerHTML
   function Marquee(){
   if(demo2.offsetTop-demo.scrollTop<=0)
   demo.scrollTop-=demo1.offsetHeight
   else{
   demo.scrollTop++
   }
   }
   var MyMar=setInterval(Marquee,speed)
   demo.onmouseover=function() {clearInterval(MyMar)}
   demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
   </script>

//不间断向下 
<div id=demo style=overflow:hidden;height:860;width:860;background:#f4f4f4;color:#ffffff><div id=demo1>
 <img src="http://www.my-link.cn/html/kxjs/dnjs/dn/20070729/011.jpg">
 <img src="http://www.my-link.cn/html/kxjs/dnjs/dn/20070729/012.jpg">
 <img src="http://www.my-link.cn/html/kxjs/dnjs/dn/20070729/013.jpg">