动态滚动图片

来源：互联网发布：oa软件开发公司编辑：程序博客网时间：2024/05/01 11:15

<div id=demo style="overflow:hidden;height:45;margin-top:5px; valign:middle; width:460px;background:#be0027;color:#ffffff;"><table align=left cellpadding=0 cellspace=0 border=0><tr><td id=demo1 valign=middle><img src="<?=DIR_WS_TEMPLATE?>images/payments.gif"><img src="<?=DIR_WS_TEMPLATE?>images/westernunion.gif"><img src="<?=DIR_WS_TEMPLATE?>images/westernunion.gif"><img src="<?=DIR_WS_TEMPLATE?>images/westernunion.gif"></td><td id=demo2 valign=top></td></tr></table></div>
           <script language="javascript">
      var speed=30;
      demo2.innerHTML=demo1.innerHTML
      function Marquee()
      {
       if(demo2.offsetWidth-demo.scrollLeft<=0)
       {
        demo.scrollLeft-=demo1.offsetWidth
       }
       else
       {
        demo.scrollLeft++
       }
      }
      var MyMar=setInterval(Marquee,speed)
      demo.onmouseover=function() {clearInterval(MyMar)}
      demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
     </script>