// 渐变弹出层
$(document).ready(function(){
	var speed = 280;//动画速度
	$("#buon input").click(function(event){//绑定事件处理
		event.stopPropagation();
		var offset = $(event.target).offset();//取消事件冒泡

		$("#abc").show(speed);//动画显示

	});

});

// 渐变弹出层
$(document).ready(function(){
	var speed = 280;//动画速度
	$("#text1 input").click(function(event){//绑定事件处理
		event.stopPropagation();
		var offset = $(event.target).offset();//取消事件冒泡

		$("#abc").hide(speed);//动画显示
		$("#li1a").hide(speed);//动画显示
		$("#li2a").hide(speed);//动画显示
		$("#li3a").hide(speed);//动画显示
		$("#li4a").hide(speed);//动画显示
		$("#li5a").hide(speed);//动画显示
		$("#li6a").hide(speed);//动画显示
		$("#li7a").hide(speed);//动画显示
		$("#li8a").hide(speed);//动画显示
	});

});


// 渐变弹出层
$(document).ready(function(){
	var speed = 180;//动画速度
	$("#body a").mouseout(function(event){//绑定事件处理
		event.stopPropagation();
		var offset = $(event.target).offset();//取消事件冒泡
		$("#li1a").hide(speed);//动画显示
		$("#li2a").hide(speed);//动画显示
		$("#li3a").hide(speed);//动画显示
		$("#li4a").hide(speed);//动画显示
		$("#li5a").hide(speed);//动画显示
		$("#li6a").hide(speed);//动画显示
		$("#li7a").hide(speed);//动画显示
		$("#li8a").hide(speed);//动画显示
	});

});
// 渐变弹出层
$(document).ready(function(){
	var speed = 180;//动画速度
	$("#body div").mouseout(function(event){//绑定事件处理
		event.stopPropagation();
		var offset = $(event.target).offset();//取消事件冒泡
		$("#li7a").hide(speed);//动画显示
		$("#li1a").hide(speed);//动画显示
		$("#li2a").hide(speed);//动画显示
		$("#li3a").hide(speed);//动画显示
		$("#li4a").hide(speed);//动画显示
		$("#li5a").hide(speed);//动画显示
		$("#li6a").hide(speed);//动画显示
		$("#li8a").hide(speed);//动画显示
	});

});

// 渐变弹出层
$(document).ready(function(){
	var speed = 180;//动画速度
	$("#li1 a").mouseover(function(event){//绑定事件处理
		event.stopPropagation();
		var offset = $(event.target).offset();//取消事件冒泡
		$("#li1a").css({ top:offset.top + $(event.target).height() + "px", left:offset.left });//设置弹出层位置
		$("#li1a").show(speed);//动画显示
		$("#li2a").hide(speed);//动画显示
		$("#li3a").hide(speed);//动画显示
		$("#li4a").hide(speed);//动画显示
		$("#li5a").hide(speed);//动画显示
		$("#li6a").hide(speed);//动画显示
		$("#li7a").hide(speed);//动画显示
		$("#li8a").hide(speed);//动画显示

	});

});
// 渐变弹出层
$(document).ready(function(){
	var speed = 180;//动画速度
	$("#li2 a").mouseover(function(event){//绑定事件处理
		event.stopPropagation();
		var offset = $(event.target).offset();//取消事件冒泡
		$("#li2a").css({ top:offset.top + $(event.target).height() + "px", left:offset.left });//设置弹出层位置
		$("#li1a").hide(speed);//动画显示
		$("#li3a").hide(speed);//动画显示
		$("#li4a").hide(speed);//动画显示
		$("#li2a").show(speed);//动画显示
		$("#li5a").hide(speed);//动画显示
		$("#li6a").hide(speed);//动画显示
		$("#li7a").hide(speed);//动画显示
		$("#li8a").hide(speed);//动画显示
	});

});



// 渐变弹出层
$(document).ready(function(){
	var speed = 180;//动画速度
	$("#li3 a").mouseover(function(event){//绑定事件处理
		event.stopPropagation();
		var offset = $(event.target).offset();//取消事件冒泡
		$("#li3a").css({ top:offset.top + $(event.target).height() + "px", left:offset.left });//设置弹出层位置
		$("#li1a").hide(speed);//动画显示
		$("#li2a").hide(speed);//动画显示
		$("#li4a").hide(speed);//动画显示
		$("#li3a").show(speed);//动画显示
		$("#li5a").hide(speed);//动画显示
		$("#li7a").hide(speed);//动画显示
		$("#li6a").hide(speed);//动画显示
		$("#li8a").hide(speed);//动画显示
	});

});


// 渐变弹出层
$(document).ready(function(){
	var speed = 180;//动画速度
	$("#li4 a").mouseover(function(event){//绑定事件处理
		event.stopPropagation();
		var offset = $(event.target).offset();//取消事件冒泡
		$("#li4a").css({ top:offset.top + $(event.target).height() + "px", left:offset.left });//设置弹出层位置
		$("#li1a").hide(speed);//动画显示
		$("#li2a").hide(speed);//动画显示
		$("#li3a").hide(speed);//动画显示
		$("#li7a").hide(speed);//动画显示
		$("#li4a").show(speed);//动画显示
		$("#li5a").hide(speed);//动画显示
		$("#li6a").hide(speed);//动画显示
		$("#li8a").hide(speed);//动画显示
	});

});

// 渐变弹出层
$(document).ready(function(){
	var speed = 180;//动画速度
	$("#li5 a").mouseover(function(event){//绑定事件处理
		event.stopPropagation();
		var offset = $(event.target).offset();//取消事件冒泡
		$("#li5a").css({ top:offset.top + $(event.target).height() + "px", left:offset.left });//设置弹出层位置
		$("#li1a").hide(speed);//动画显示
		$("#li2a").hide(speed);//动画显示
		$("#li7a").hide(speed);//动画显示
		$("#li3a").hide(speed);//动画显示
		$("#li4a").hide(speed);//动画显示
		$("#li5a").show(speed);//动画显示
		$("#li6a").hide(speed);//动画显示
		$("#li8a").hide(speed);//动画显示
	});

});

// 渐变弹出层
$(document).ready(function(){
	var speed = 180;//动画速度
	$("#li6 a").mouseover(function(event){//绑定事件处理
		event.stopPropagation();
		var offset = $(event.target).offset();//取消事件冒泡
		$("#li6a").css({ top:offset.top + $(event.target).height() + "px", left:offset.left });//设置弹出层位置
		$("#li1a").hide(speed);//动画显示
		$("#li2a").hide(speed);//动画显示
		$("#li3a").hide(speed);//动画显示
		$("#li7a").hide(speed);//动画显示
		$("#li4a").hide(speed);//动画显示
		$("#li5a").hide(speed);//动画显示
		$("#li6a").show(speed);//动画显示
		$("#li8a").hide(speed);//动画显示
	});

});

// 渐变弹出层
$(document).ready(function(){
	var speed = 180;//动画速度
	$("#li8 a").mouseover(function(event){//绑定事件处理
		event.stopPropagation();
		var offset = $(event.target).offset();//取消事件冒泡
		$("#li8a").css({ top:offset.top + $(event.target).height() + "px", left:offset.left });//设置弹出层位置
		$("#li1a").hide(speed);//动画显示
		$("#li2a").hide(speed);//动画显示
		$("#li3a").hide(speed);//动画显示
		$("#li7a").hide(speed);//动画显示
		$("#li4a").hide(speed);//动画显示
		$("#li5a").hide(speed);//动画显示
		$("#li8a").show(speed);//动画显示
		$("#li6a").hide(speed);//动画显示
	});

});

// 渐变弹出层
$(document).ready(function(){
	var speed = 180;//动画速度
	$("#li7 a").mouseover(function(event){//绑定事件处理
		event.stopPropagation();
		var offset = $(event.target).offset();//取消事件冒泡
		$("#li7a").css({ top:offset.top + $(event.target).height() + "px", left:offset.left });//设置弹出层位置
		$("#li1a").hide(speed);//动画显示
		$("#li2a").hide(speed);//动画显示
		$("#li3a").hide(speed);//动画显示
		$("#li7a").show(speed);//动画显示
		$("#li4a").hide(speed);//动画显示
		$("#li5a").hide(speed);//动画显示
		$("#li6a").hide(speed);//动画显示
		$("#li8a").hide(speed);//动画显示
	});

});
$(document).ready(function(){
	var objStr = ".change ul li";
	$(objStr + ":not(:first)").css("display","none");
	setInterval(function(){
	if( 
	    $(objStr + ":last").is(":visible")){
		$(objStr + ":first").fadeIn("slow").addClass("in");
		$(objStr + ":last").hide()
	}
	else{
		$(objStr + ":visible").addClass("in");
		$(objStr + ".in").next().fadeIn("slow");
		$(objStr + ".in").hide().removeClass("in")}
	},23000) //每3秒钟切换
})


function abch() { 
theObj = document.getElementById('abc').style; 
theObj.display = "none";
}

function abcs() { 
theObj = document.getElementById('abc').style; 
theObj.display = "inline";
}