jQuery動畫-------淡入淡出、滑動動畫、顯示與隱藏、自定義動畫

jQuery動畫本質：在指定時間內不斷改變元素樣式值來實現的

淡入淡出：不斷改變元素的透明度（opacity）來實現的

1.fadeIn（）：帶動畫的顯示

2.fadedOut（）：帶動畫得隱藏

3.fadeToggle（）：帶動畫切換顯示/隱藏

滑動動畫：不斷改變元素的高度實現

1.slideDown（）：帶動畫的展開

2.slideUp（）：帶動畫的收縮

3.slideToggle（）：帶動畫的切換展開/收縮

顯示與隱藏：默認沒有動畫，如果有動畫會同時改變（opacity/height/width）

1.show（）： （不）帶動畫的顯示，可傳入參數

2.hide（）：（不）帶動畫的隱藏，可傳入參數

3.toggle（）：（不）帶動畫的切換顯示/隱藏，可傳入參數

自定義動畫

1.animate（）：自定義效果的動畫

$('#btn1').click(function (){
	$div1.animate({
		width :200,
		height :200
       },1000)

2.stop（）：停止動畫