// JS滚动
// speed 速度
// obj 对象ID
// width 宽度
// height	高度
// dir 方向
function marquee(speed,obj,width,height,dir){
	this.speed=speed;
	this.obj=obj;
	this.width=width;
	this.height=height;
	this.dir=dir;
	var demo=document.getElementById(this.obj);
	demo.style.overflow='hidden';
	demo.style.width=this.width+'px';
	demo.style.height=this.height+'px';
	var html=demo.innerHTML;
	//alert(this.dir);
	switch(this.dir)
	{
		case 'up':
		demo.innerHTML='<div style="width:'+this.width+'px;height:'+this.height+';float:left;" id="'+this.obj+'1">'+html+'</div><div style="width:'+this.width+'px;height:'+this.height+';float:left;" id="'+this.obj+'2"></div>';
		break;
		
		case 'left':
		demo.innerHTML='<table cellspacing="0" cellpadding="0" align="left" border="0" cellspace="0"><tr><td id="'+this.obj+'1">'+html+'</td><td id="'+this.obj+'2"></td></tr></table>';
		//alert("123");
		break;
	
	}
	
	var demo1=document.getElementById(this.obj+"1");
	var demo2=document.getElementById(this.obj+"2");
	demo2.innerHTML=demo1.innerHTML;

	switch(this.dir)
	{
		case 'up':
		
			var MyMar=setInterval(function(){
			if(demo2.offsetTop-demo.scrollTop<=0)
			demo.scrollTop-=demo1.offsetHeight;
			else
			demo.scrollTop++;},speed)
			demo.onmouseover=function() {clearInterval(MyMar)}
			demo.onmouseout=function() {MyMar=setInterval(function(){
			if(demo2.offsetTop-demo.scrollTop<=0)
				demo.scrollTop-=demo1.offsetHeight;
			else
			demo.scrollTop++;},speed)}	
			break;
		
		case 'left':
		
			var MyMar=setInterval(function(){
			if(demo2.offsetWidth-demo.scrollLeft<=0)
			demo.scrollLeft-=demo1.offsetWidth
			else{
			demo.scrollLeft++
			}
			},speed)
			demo.onmouseover=function() {clearInterval(MyMar)}
			demo.onmouseout=function() {MyMar=setInterval(function(){
			if(demo2.offsetWidth-demo.scrollLeft<=0)
			demo.scrollLeft-=demo1.offsetWidth
			else{
			demo.scrollLeft++
			}
			},speed)}	
			break;
	}

}