图片连续循环滚动效果

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

< 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 >  

你可能感兴趣的:(图片)