图片水平滚动

 <div id="demo" style="overflow: hidden; WIDTH:100%; valign:middle;">
           <table cellspacing=0 cellpadding=0 align=left border=0
        cellspace="0">
        <tr>
         <td valign="middle" id="demo1">
          　　图片的位置<image src=""/><image src=""/>
<image src=""/>

         </td>
         <td id="demo2" valign="middle"></td>
        </tr>
       </table>
               </div>

<SCRIPT>  
  var speed=50;
  document.getElementById("demo2").innerHTML= document.getElementById("demo1").innerHTML;
  function Marquee(){
  if( document.getElementById("demo2").offsetWidth- document.getElementById("demo").scrollLeft<=0)
   document.getElementById("demo").scrollLeft-= document.getElementById("demo1").offsetWidth
  else{
   document.getElementById("demo").scrollLeft++
  }
  }
  var MyMar=setInterval(Marquee,speed)
   document.getElementById("demo").onmouseover=function() {clearInterval(MyMar)}
   document.getElementById("demo").onmouseout=function() {MyMar=setInterval(Marquee,speed)}
  </SCRIPT>