上下连续跑马灯

<div id=maq style=overflow:hidden;height:100px;width:150px;>  
	<div id=mtext>  
		1.文字也是可以连续滚动的<br>  
		2.文字也是可以连续滚动的<br>  
		3.文字也是可以连续滚动的<br>  
		4.文字也是可以连续滚动的<br>  
		5.文字也是可以连续滚动的<br>  
		6.文字也是可以连续滚动的<br>  
	</div>  
	<div id=m0></div>  
</div>  

 

<script>  
var speed=20 //调整滚动速度  
m0.innerHTML=mtext.innerHTML  

function Marquee()
{  
	if(m0.offsetTop-maq.scrollTop<=0){
		maq.scrollTop-=mtext.offsetHeight;
	}
	else{  
		maq.scrollTop++  
	}  
}  

var MyMar=setInterval(Marquee,speed)  
maq.οnmοuseοver=function() {clearInterval(MyMar)}  
maq.οnmοuseοut=function() {MyMar=setInterval(Marquee,speed)}  


</script>

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值