サマリー： <button id="bt">點擊執(zhí)行動畫</button> <div id="box"></div> #box{width: 200px;height: 200px;background-color: purple;margin-top: 20

<button id="bt">點擊執(zhí)行動畫</button>
	<div id="box"></div>
#box{width: 200px;height: 200px;background-color: purple;margin-top: 20px;}
$(document).ready(function(){
		$("#bt").click(function(){
			$("#box").animate({
				'width':'toggle',
				'height':'toggle'
			},1500);
		});
	});

顯示和隱藏

show()

hide()

滑動：通過控制匹配元素的高度變化來動態(tài)改變元素的狀態(tài)

slideDown()下滑

slideUp()上滑

slideToggle() 切換

淡入和淡出:通過控制匹配元素的不透明度動態(tài)改變元素的狀態(tài)

fadeIn()淡入

fadeOut()淡出

fadeToggle切換

fadeTo(speed,不透明度) 前兩個參數是必須有的

自定義動畫通過animate()方法來實現，此方法通過設置匹配元素的css樣式來動態(tài)改變元素的狀態(tài)，它有三個預定義值：hide show toggle