图片连续循环滚动效果

以下的代码可以直接使用的，但必须把图片换成本地或网上的

< div id = demo style = " overflow:hidden; width:258px; height:854px; " >  
     < div id = demo1 >  
        < img  src = " images/huan.gif "   />< br >
     < img  src = " images/index_02_05.gif "   />< br >    // 图片换成自己想使用的图片
     < img  src = " images/index_02_06.gif "   />< br >
     < img  width = " 238 "   src = " images/001.jpg "   />< br >
     < img  width = " 257 "   src = " images/index_02_06.gif "   />< br >
     </ div >  
     < div id = demo2 ></ div >  
</ div >  
< script language = " javascript " >  
    var speed = 30  
    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 >  

转载于:https://www.cnblogs.com/blueskyc/archive/2008/07/01/1233076.html