当前位置:沸点梦工场 > 网页设计教程 > JavaScript教程 > 浏览文章

JavaScript不间断向右滚动的代码

本站原创 2007年08月08日 【字体:
 <div id=demo style=overflow:hidden;height:450;width:300;background:#f4f4f4;color:#ffffff><table align=left cellpadding=0 cellspace=0 border=0><tr><td id=demo1 valign=top><img src="/files/images8/20070724060608t.jpg"><img src="/files/images6/7deb3642272f1c59c126a7d6b54c3e7b.jpg"><img src="/files/images6/74a866b0dfa97f6dc3ba4d0941faa10b.jpg"><img src="/files/images6/f0a340b320858bb06b383cc1dc5483ef.jpg"><img src="/files/images6/7d2de8238dda573bf09ac5d3a9cc43e5.jpg"></td><td id=demo2 valign=top></td></tr></table></div>
  <script>
  var speed=30
  demo2.innerHTML=demo1.innerHTML
 demo.scrollLeft=demo.scrollWidth
  function Marquee(){
  if(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>