文字纵向滚动

最新推荐文章于 2022-07-23 20:53:34 发布

佥易爸爸

最新推荐文章于 2022-07-23 20:53:34 发布

阅读量1.1k

点赞数

分类专栏： js

本文链接：https://blog.csdn.net/avinegar/article/details/21025341

版权

js 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

<div style="width:243px;float:left;margin-top:30px;">
<div id="demo" style="overflow:hidden;height:80px;width:90%; font-size: 12px;align:right;color: #c50800;line-height:22px;">
                    <div id="demo1">	 							
					<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>
                    </div>
					<div id="demo2"></div>
                    </div>
                    </div>
					<script>
						 var speed = 50
						 var _demo = document.getElementById("demo");
						 var _demo1 = document.getElementById("demo1");
						 var _demo2 = document.getElementById("demo2");
						 demo2.innerHTML=demo1.innerHTML
						 function Marquee(){
						  if(_demo2.offsetHeight-_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>