循环滚动显示

来源:互联网 发布:软件著作权网上 编辑:程序博客网 时间:2024/06/14 17:21
<div id=news style=overflow:hidden;height:70;width:400>
  <div id=news1>  
  <a   href=''   target='_blank'>显示1</a><br/>  
  <a   href=''   target='_blank'>显示2</a><br/>  
  <a   href=''   target='_blank'>显示3</a><br/>  
  <a   href=''   target='_blank'>显示4</a><br/>  
  <a   href=''   target='_blank'>显示5</a><br/>  
  <a   href=''   target='_blank'>显示6</a><br/>  
  </div>  
  <div   id=news2></div>  
  </div>  
  <script>  
  var   speed=30  
  news2.innerHTML=news1.innerHTML  
  function   Marquee()  
  {  
  if(news2.offsetTop-news.scrollTop<=0)  
  news.scrollTop-=news1.offsetHeight  
  else  
  {  
  news.scrollTop++  
  }  
  }  
  var   MyMar=setInterval(Marquee,speed)  
  news.onmouseover=function()   {clearInterval(MyMar)}  
  news.onmouseout=function()   {MyMar=setInterval(Marquee,speed)}  
  </script> 
原创粉丝点击