// JavaScript Document

$(document).ready(function(){
	//首页新闻标签效果
	$("#news >ul").eq(1).hide();
	$("#news > h3 > span").each(function(i){
		$(this).hover(
		function(){
			$(this).addClass("selected")
					.siblings().removeClass("selected");
			$("#news > ul").eq(i).show().siblings(":not('h3')").hide();
		},
		function(){}
		)
	});	
	var speed=30;	//滚动速度
	var demo=$("#demo_box");
	var l=$("#demo1").width();	//获取滚动内容的宽度
	$("#demo_box > ul").css("width",2*l+50);	//重设滚动容器的宽度
	$("#demo2").html($("#demo1").html())
			   .css("left",l);
	var MyMar=setInterval(Marquee,speed)   
	$("#demo_box").mouseover(function() {  
		clearInterval(MyMar);  
	})
	$("#demo_box").mouseout(function() {  
		MyMar=setInterval(Marquee,speed);  
	}) 
	function Marquee(){
		if(demo.scrollLeft()>=l)  
			demo.scrollLeft(0);   
		else{  
			demo.scrollLeft(demo.scrollLeft()+2);  
		}  
	}
})

$(document).ready(function(){
	//首页新闻标签效果
	$("#news >ul").eq(1).hide();
	$("#news > h3 > span").each(function(i){
		$(this).hover(
		function(){
			$(this).addClass("selected")
					.siblings().removeClass("selected");
			$("#news > ul").eq(i).show().siblings(":not('h3')").hide();
		},
		function(){}
		)
	});	
	var speed=30;	//滚动速度
	var demo=$("#demo_box1");
	var l=$("#demo11").width();	//获取滚动内容的宽度
	$("#demo_box1 > ul").css("width",2*l+50);	//重设滚动容器的宽度
	$("#demo21").html($("#demo11").html())
			   .css("left",l);
	var MyMar=setInterval(Marquee,speed)   
	$("#demo_box1").mouseover(function() {  
		clearInterval(MyMar);  
	})
	$("#demo_box1").mouseout(function() {  
		MyMar=setInterval(Marquee,speed);  
	}) 
	function Marquee(){
		if(demo.scrollLeft()>=l)  
			demo.scrollLeft(0);   
		else{  
			demo.scrollLeft(demo.scrollLeft()+2);  
		}  
	}
})