<div id=demo style=overflow:hidden;width:1205px;height:35px;><span id=demo1>
     <image src="images/bottom1.jpg"/>
     <image src="images/bottom2.jpg"/>
     <image src="images/bottom3.jpg"/>
     <image src="images/bottom4.jpg"/>
     <image src="images/bottom5.jpg"/>
     <image src="images/bottom6.jpg"/>
     <image src="images/bottom7.jpg"/>
     <image src="images/bottom8.jpg"/>
     <image src="images/bottom9.jpg"/>
  </span>
  <span id=demo2></span>
</div>
</div><script> 
demo2.innerHTML=demo1.innerHTML; 
var speed=5; 
function Marquee()

if(demo2.offsetLeft-demo.scrollLeft<=0) 
demo.scrollLeft-=demo1.offsetWidth 
else{ 
demo.scrollLeft++; 


var Mar=setInterval(Marquee,speed); 
demo.onmouseover=function () {clearInterval(Mar)}; 
demo.onmouseout=function () {Mar=setInterval(Marquee,speed)}; </script>
<div id=demo  这个框的图片width显示到  id=demo2  的第三个图片。 意思是,
demo2.innerHTML=demo1.innerHTML; 可以显示,可后面的为什么不循环啊,条件都设置了