垂直方向连续滚动字幕的实现

最近想实现在垂直方向上滚动字幕,并切实现字幕的无缝连接  

即在屏幕的指定区域,嵌入一段很长的文字,文字由下向上滚动,当滚   动到最末一行,首行立即紧跟着最末一行出来,与最末一行同时在一 个屏幕内滚动。


里面可以加图片,还可加链接    
     
     
  <div   id=demo   style=overflow:hidden;height:70;width:400>      
  <div   id=demo1>    
  <a   href=''   target='_blank'>这是滚动第1行</a><br>    
  这是滚动第2行<br>    
  这是滚动第3行<br>    
  这是滚动第4行<br>    
  这是滚动第5行<br>    
  这是滚动第6行<br>    
  这是滚动第7行<br>    
  这是滚动第8行<br>    
  </div>    
  <div   id=demo2></div>    
  </div>    
  <script>    
  var   speed=30    
  demo2.innerHTML=demo1.innerHTML    
  function   Marquee()    
  {    
  if(demo2.offsetTop-demo.scrollTop<=0)    
  demo.scrollTop-=demo1.offsetHeight    
  else    
  {    
  demo.scrollTop++    
  }    
  }    
  var   MyMar=setInterval(Marquee,speed)    
  demo.οnmοuseοver=function()   {clearInterval(MyMar)}    
  demo.οnmοuseοut=function()   {MyMar=setInterval(Marquee,speed)}    
  </script>



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值