新闻多条滚动播放js

js

//事件上报处理滚动
	var speed=50;
	var marquee=document.getElementById("marquee");
	var marqueeheight = $('#marqueearea').height() ; //滚动区域高度
	var scorll=document.getElementById("scorll");
	var marqueearea=document.getElementById("marqueearea");
	marquee.innerHTML=scorll.innerHTML; //克隆scorll为marquee
	function Marquee1(){
	//当滚动至scorll与marquee交界时
	if(marquee.offsetTop-marqueearea.scrollTop-marqueeheight<=0){
		marqueearea.scrollTop-=scorll.offsetHeight; //marqueearea跳到最顶端
	}else{
		marqueearea.scrollTop++;
	}
	}
	var MyMar1=setInterval(Marquee1,speed);//设置定时器
	//鼠标移上时清除定时器达到滚动停止的目的
	marqueearea.οnmοuseοver=function() {clearInterval(MyMar1)};
	//鼠标移开时重设定时器
	marqueearea.οnmοuseοut=function(){MyMar1=setInterval(Marquee1,speed)};

html

        <div id="marqueearea">
		<div id="scorll">
			 
		</div>
		<div id="marquee"></div>
	</div>

css(很重要)

#marqueearea{overflow:hidden;height:83px;width:100%;text-align: center;position: relative;}