jQuery实现炫酷网页爱心拉近拉远动画背景特效代码 - JoynBackground

超简单的背景动画文件，代码就一句，JoynBackground(您需要的效果，速度);
只需把图片放在下边的Div中，就可按照您向要的方式展示您的图片。
效果包含拉近，拉远，切换……

核心JS代码
function JoynBackground($move,$sudu){
	var $img_num=$('#JoynBackground').children('img').length;
	var $img_show=1;
	switch($move){
		case 1:
			$("#JoynBackground img").css({width:"120%",height:"120%",top:"-10%",left:"-10%"});
			$("#JoynBackground img[name='1']").css({display:"block"})
			.animate({width:"100%",height:"100%",top:"0",left:"0"},$sudu-1000);
			setInterval(function(){
				$("#JoynBackground img[name='"+$img_show+"']").fadeOut(100);
				$img_show++;$img_show=$img_show>$img_num?'1':$img_show;
				$("#JoynBackground img[name='"+$img_show+"']").css({width:"120%",height:"120%",top:"-10%",left:"-10%"}).fadeIn(1000)
				.animate({width:"100%",height:"100%",top:"0",left:"0"},$sudu-1000);
			},$sudu);
		break;
		case 2:
			$("#JoynBackground img[name='1']").css({display:"block"})
			.animate({width:"120%",height:"120%",top:"-10%",left:"-10%"},$sudu-1000);
			setInterval(function(){
				$("#JoynBackground img[name='"+$img_show+"']").fadeOut(100);
				$img_show++;$img_show=$img_show>$img_num?'1':$img_show;
				$("#JoynBackground img[name='"+$img_show+"']").css({width:"100%",height:"100%",top:"0%",left:"0%"}).fadeIn(1000)
				.animate({width:"120%",height:"120%",top:"-10%",left:"-10%"},$sudu-1000);
			},$sudu);
		break;
		case 3:
			$("#JoynBackground img[name='1']").css({display:"block"});
			setInterval(function(){
				$("#JoynBackground img[name='"+$img_show+"']").fadeOut($sudu);
				$img_show++;$img_show=$img_show>$img_num?'1':$img_show;
				$("#JoynBackground img[name='"+$img_show+"']").fadeIn($sudu);
			},$sudu);
		break;
	}
}