demo2.innerHTML = demo1.innerHTML; //克隆demo1为demo2
var speed = 30; //滚动速度，数字越小速度越快  默认30


function Marquee(){
	//内容滚动主函数
	if(demo2.offsetTop-demo.scrollTop<=0){
	//当滚动至demo1与demo2交界时
	demo.scrollTop-=demo1.offsetHeight;  //demo跳到最顶端
	}else{
	demo.scrollTop++;
	}

	initialize();
}

function initialize(){ 
timer = setTimeout("Marquee()", speed);
}

function StopMarquee(){
clearInterval(timer);
//清除定时器达到滚动停止的目的
}
initialize();
demo.onmouseover=StopMarquee //鼠标移上时清除定时器达到滚动停止的目的
demo.onmouseout=initialize        //鼠标移开时重设定时器
//本例充分利用了图层的样式（OVERFLOW:hidden），即超出部分不显示，并利用了两个相同内容图层作为过渡，因此看上去就像首尾相连的内容一直在滚动一样。