流动图片无间隔流动

 

<!--
body  ... {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}
-->
</ style >< head >
< meta http - equiv = " Content-Type "  content = " text/html; charset=gb2312 "   />
< title > 无标题文档 </ title >
</ head >
< body bgcolor = " #2b2f38 " >
< table width = " 190 "  height = " 472 "  border = " 1 "  align = " left "  cellspacing = " 0 " >
   < tr >
     < td width = " 180 "  align = " left "  valign = " top " >
< div id = demo style = " overflow:hidden; width:190px; height:472px; " >  
< div id = demo1 >  
< img src = " image/10.jpg " >< br >
< img src = " image/11.jpg " >< br >
< img src = " image/12.jpg " >< br >
< img src = " image/13.jpg " >< br >
< img src = " image/14.jpg " >< br >
< img src = " image/15.jpg " >< br >
< img src = " image/16.jpg " >< br >
< img src = " image/17.jpg " >< br >
< img src = " image/18.jpg " >< br >
< img src = " image/19.jpg " >< br >
< img src = " image/20.jpg " >< br >
< img src = " image/21.jpg " >< br >
< img src = " image/22.jpg " >< br >
< img src = " image/23.jpg " >< br >
< img src = " image/24.jpg " >< br >
< img src = " image/25.jpg " >< br >
< img src = " image/26.jpg " >< br >
< img src = " image/27.jpg " >< br >
< img src = " image/28.jpg " >< br >
</ div >  
< div id = demo2 ></ div >  
</ div >  
< script language = " javascript " >  
var  speed = 5
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 >