JS不间断向右向左向上向下滚动 代码

 1<div id=demo style=overflow:hidden;height:139;width:232;background:#f4f4f4;color:#ffffff><table align=left cellpadding=0 cellspace=0 border=0><tr><td id=demo1 valign=top><img src="http://www.makewing.com/lanren/jscode/js-0063/images/01.jpg"><img src="http://www.makewing.com/lanren/jscode/js-0063/images/02.jpg"><img src="http://www.makewing.com/lanren/jscode/js-0063/images/03.jpg"><img src="http://www.makewing.com/lanren/jscode/js-0063/images/04.jpg"><img src="http://www.makewing.com/lanren/jscode/js-0063/images/05.jpg"></td><td id=demo2 valign=top></td></tr></table></div>   
 2 <script>   
 3 var speed=30   
 4 demo2.innerHTML=demo1.innerHTML    
 5demodemo.scrollLeft=demo.scrollWidth    
 6 function Marquee(){    
 7 if(demo.scrollLeft<=0)    
 8 demo.scrollLeft+=demo2.offsetWidth    
 9 else{    
10 demo.scrollLeft--    
11 }    
12 }    
13 var MyMar=setInterval(Marquee,speed)    
14 demo.onmouseover=function() {clearInterval(MyMar)}    
15 demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}    
16 </script>   
17

 1<div id=demo style=overflow:hidden;height:139;width:232;background:#f4f4f4;color:#ffffff><table align=left cellpadding=0 cellspace=0 border=0><tr><td id=demo1 valign=top><img src="http://www.makewing.com/lanren/jscode/js-0063/images/01.jpg"><img src="http://www.makewing.com/lanren/jscode/js-0063/images/02.jpg"><img src="http://www.makewing.com/lanren/jscode/js-0063/images/03.jpg"><img src="http://www.makewing.com/lanren/jscode/js-0063/images/04.jpg"><img src="http://www.makewing.com/lanren/jscode/js-0063/images/05.jpg"></td><td id=demo2 valign=top></td></tr></table></div>   
 2 <script>   
 3 var speed=30   
 4 demo2.innerHTML=demo1.innerHTML    
 5 function Marquee(){    
 6 if(demo2.offsetWidth-demo.scrollLeft<=0)    
 7 demo.scrollLeft-=demo1.offsetWidth    
 8 else{    
 9 demo.scrollLeft++    
10 }    
11 }    
12 var MyMar=setInterval(Marquee,speed)    
13 demo.onmouseover=function() {clearInterval(MyMar)}    
14 demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}    
15 </script>   
16

向下滚动 

 1div id=demo style=overflow:hidden;height:139;width:232;background:#f4f4f4;color:#ffffff><div id=demo1>   
 2<img src="http://www.makewing.com/lanren/jscode/js-0063/images/01.jpg">   
 3<img src="http://www.makewing.com/lanren/jscode/js-0063/images/02.jpg">   
 4<img src="http://www.makewing.com/lanren/jscode/js-0063/images/03.jpg">   
 5<img src="http://www.makewing.com/lanren/jscode/js-0063/images/04.jpg">   
 6<img src="http://www.makewing.com/lanren/jscode/js-0063/images/05.jpg">   
 7 </div>   
 8 <div id=demo2></div>   
 9 </div>   
10   <script>   
11   var speed=30   
12   demo2.innerHTML=demo1.innerHTML    
13   demodemo.scrollTop=demo.scrollHeight    
14   function Marquee(){    
15   if(demo1.offsetTop-demo.scrollTop>=0)    
16   demo.scrollTop+=demo2.offsetHeight    
17   else{    
18   demo.scrollTop--    
19   }    
20   }    
21   var MyMar=setInterval(Marquee,speed)    
22   demo.onmouseover=function() {clearInterval(MyMar)}    
23   demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}    
24   </script>   
25

向上滚动

 1<div id=demo style=overflow:hidden;height:139;width:232;background:#f4f4f4;color:#ffffff><div id=demo1>   
 2 <img src="http://www.makewing.com/lanren/jscode/js-0063/images/01.jpg">   
 3 <img src="http://www.makewing.com/lanren/jscode/js-0063/images/02.jpg">   
 4 <img src="http://www.makewing.com/lanren/jscode/js-0063/images/03.jpg">   
 5 <img src="http://www.makewing.com/lanren/jscode/js-0063/images/04.jpg">   
 6 <img src="http://www.makewing.com/lanren/jscode/js-0063/images/05.jpg">   
 7</div>   
 8<div id=demo2></div>   
 9</div>   
10   <script>   
11   var speed=50   
12   demo2.innerHTML=demo1.innerHTML    
13   function Marquee(){    
14   if(demo2.offsetTop-demo.scrollTop<=0)    
15   demo.scrollTop-=demo1.offsetHeight    
16   else{    
17   demo.scrollTop++    
18   }    
19   }    
20   var MyMar=setInterval(Marquee,speed)    
21   demo.onmouseover=function() {clearInterval(MyMar)}    
22   demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}    
23   </script>   
24