站长论坛

标题: 学习技巧:js不间断向右滚动 [打印本页]

作者: tznktg    时间: 2007-10-6 14:35
标题: 学习技巧:js不间断向右滚动
<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="http://www.geekg.com/files/images8/20070724060608t.jpg"><img src="http://www.geekg.com/files/images6/7deb3642272f1c59c126a7d6b54c3e7b.jpg"><img src="http://www.geekg.com/files/images6/74a866b0dfa97f6dc3ba4d0941faa10b.jpg"><img src="http://www.geekg.com/files/images6/f0a340b320858bb06b383cc1dc5483ef.jpg"><img src="http://www.geekg.com/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>





欢迎光临 站长论坛 (http://tzlink.com/bbs/) Powered by Discuz! X3.2