jQuery动画

自定义动画
	animate()它可以实现任意动画效果，参数：是DOM元素最终的CSS状态和时间，jQuery在时间段内不断调整CSS直到达到我们设定的值
	
	var div = $('#test-animate');
	div.animate({
		opacity: 0.25,
		width: '256px',
		height: '256px'
	}, 3000); // 在3秒钟内CSS过渡到设定值	


串行动画
	jQuery的动画效果还可以串行执行，通过delay()方法还可以实现暂停，这样，我们可以实现更复杂的动画效果，而代码却相当简单
	
	var div = $('#test-animates');
	// 动画效果：slideDown - 暂停 - 放大 - 暂停 - 缩小
	div.slideDown(2000)
	   .delay(1000)
	   .animate({
		   width: '256px',
		   height: '256px'
	   }, 2000)
	   .delay(1000)
	   .animate({
		   width: '128px',
		   height: '128px'
	   }, 2000);
	}