站长论坛

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

作者: tznktg    时间: 2007-10-6 14:38
标题: 学习技巧:js不间断向左滚动
<div id=demo style=overflow:hidden;height:460;width:350;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/images6/7638a9d53c77bc6b347539beb2b78411.jpg"><img src="http://www.geekg.com/files/images6/6cda12ee12ed913dbc75d443f1fbd995.jpg"><img src="http://www.geekg.com/files/images6/8ff3bd60010af89ebcbf524cc266d33a.jpg"><img src="http://www.geekg.com/files/images6/dae81da93169e09da0bb81964d1168be.jpg"><img src="http://www.geekg.com/files/images6/833f0e3b0d04ae115a055431ef4928af.jpg"></td><td id=demo2 valign=top></td></tr></table></div>
  <script>
  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>





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