图片文字不间断滚动

<DIV id=demo style="OVERFLOW: hidden; WIDTH: 200px;HEIGHT:80PX;">
<TABLE cellPadding=0 align=left border=0 cellspace="0">
<TBODY>
<TR>
<TD id=demo1 vAlign=top height=80>
<IMG src="images/gg.jpg"><IMG src="images/gg.jpg"><IMG src="images/gg.jpg"><IMG src="images/gg.jpg"><IMG src="images/gg.jpg"><IMG src="images/gg.jpg">
</TD>
<TD id=demo2 vAlign=top></TD></TR></TBODY></TABLE></DIV>
<SCRIPT>
  var speed=30
  demo2.innerHTML=demo1.innerHTML
  demo.scrollLeft=demo.scrollWidth
  function Marquee(){
  if(demo2.offsetWidth-demo.scrollLeft<=0)
  demo.scrollLeft-=demo2.offsetWidth
  else{
  demo.scrollLeft++
  }
  }
 var MyMar=setInterval(Marquee,speed)
  demo.onmouseover=function() {clearInterval(MyMar)}
  demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
 </SCRIPT>

 

posted @ 2015-06-17 14:26  自由无风  阅读(236)  评论(0编辑  收藏  举报