sn = {
		speed:10,//函数执行频率
		ulWidth:0,//用于存放单个ul的宽度，初始值为0
		
		init:function(){
			sn.scrollNews = document.getElementById('scrollNews'); //获取ID为scrollNews的元素,这个是最外层的div，用于设置scrollLeft的
			sn.scrollNewsBox = document.getElementById('scrollNewsBox');//获取ID为scrollNewsBox的元素，这个是用于存放内容的，并获取所有内容的宽度，这样才能让里面的元素float不换行
			sn.ul = sn.scrollNewsBox.getElementsByTagName('ul')[0];//获取第一个ul,
			sn.lis = sn.ul.getElementsByTagName('li');//获取第一组li元素
			for(var i = 0; i<sn.lis.length; i++){//遍历所有的li元素，并存它们的宽度累加，存于sn.ulWidth中
				var tempWidth = sn.lis[i].offsetWidth;
				sn.ulWidth += tempWidth;
			}
			
			sn.ul.style.width = sn.ulWidth + 'px';//将sn.ulWidth的值赋给ul，
			sn.ul2 = sn.ul.cloneNode(true);//克隆ul,
			sn.scrollNewsBox.appendChild(sn.ul2);//将克隆后的ul存放在第一组ul之后
			sn.scrollNewsBox.style.width = sn.ul.offsetWidth * 2 + 'px';//将两组ul的宽度赋给sn.scrollNewsBox,
			sn.myMar = setInterval (sn.marquee,sn.speed);//执行sn.marquee函数
			sn.scrollNews.onmouseover = function(){
				clearInterval(sn.myMar);//onmouseover时清除滚动
			}
			sn.scrollNews.onmouseout = function(){
				sn.myMar = setInterval (sn.marquee,sn.speed);//onmouseout时继续执行滚动
			}
		},
		
		marquee:function(){
			if(sn.scrollNews.scrollLeft >= sn.ul2.offsetWidth){ //当scrollLeft大于sn.ul2的宽度时，其实这里也可以是sn.ul，因为它们的宽度是一样的
				sn.scrollNews.scrollLeft -= sn.ul.offsetWidth;//其实这里可以将sn.ul.offsetWidth改成0，
			}else{
				sn.scrollNews.scrollLeft ++;
			}
		}
	}
	
function skyaddEvent(el,type,fn){
	if(el.addEventListener){
		el.addEventListener(type,fn,false);
	}else if(el.attachEvent){
		el.attachEvent('on'+type,function(){
			fn.call(el,window.event);
		});
	}
}


skyaddEvent(window,'load',function(){
     sn.init();
})