//向左滚动
var speed_left = 20;
scroll_left_area2.innerHTML = scroll_left_area1.innerHTML; 
function Marquee_left(){
	if(demo_scroll_left.scrollLeft >= scroll_left_area1.scrollWidth){
		demo_scroll_left.scrollLeft = 0;
	}else{
		demo_scroll_left.scrollLeft++;
	}
}
var MyMar_left = setInterval(Marquee_left,speed_left);
demo_scroll_left.onmouseover = function() {clearInterval(MyMar_left)}
demo_scroll_left.onmouseout = function() {MyMar_left = setInterval(Marquee_left,speed_left)}


//向右滚动
var speed_right = 30;
scroll_right_area2.innerHTML = scroll_right_area1.innerHTML; 
function Marquee_right(){
	if(demo_scroll_right.scrollLeft <= 0){
		demo_scroll_right.scrollLeft = scroll_right_area1.scrollWidth;
	}else{
		demo_scroll_right.scrollLeft--;
	}
}
var MyMar_right = setInterval(Marquee_right,speed_right);
demo_scroll_right.onmouseover = function() {clearInterval(MyMar_right)}
demo_scroll_right.onmouseout = function() {MyMar_right = setInterval(Marquee_right,speed_right)}


//向上滚动
var speed_top = 40;
scroll_top_area2.innerHTML = scroll_top_area1.innerHTML; 
function Marquee_top(){
	if(demo_scroll_top.scrollTop >= scroll_top_area1.scrollHeight){
		demo_scroll_top.scrollTop = 0;
	}else{
		demo_scroll_top.scrollTop++;
	}
}
var MyMar_top = setInterval(Marquee_top,speed_top);
demo_scroll_top.onmouseover = function() {clearInterval(MyMar_top)}
demo_scroll_top.onmouseout = function() {MyMar_top = setInterval(Marquee_top,speed_top)}


//向下滚动
var speed_bottom = 50;
scroll_bottom_area2.innerHTML = scroll_bottom_area1.innerHTML; 
function Marquee_bottom(){
	if(demo_scroll_bottom.scrollTop <=0 ){
		demo_scroll_bottom.scrollTop = scroll_bottom_area1.scrollHeight;
	}else{
		demo_scroll_bottom.scrollTop--;
	}
}
var MyMar_bottom = setInterval(Marquee_bottom,speed_bottom);
demo_scroll_bottom.onmouseover = function() {clearInterval(MyMar_bottom)}
demo_scroll_bottom.onmouseout = function() {MyMar_bottom = setInterval(Marquee_bottom,speed_bottom)}