????： <button id="bt">點(diǎn)擊執(zhí)行動(dòng)畫(huà)</button> <div id="box"></div> #box{width: 200px;height: 200px;background-color: purple;margin-top: 20

<button id="bt">點(diǎn)擊執(zhí)行動(dòng)畫(huà)</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()

滑動(dòng)：通過(guò)控制匹配元素的高度變化來(lái)動(dòng)態(tài)改變?cè)氐臓顟B(tài)

slideDown()下滑

slideUp()上滑

slideToggle() 切換

淡入和淡出:通過(guò)控制匹配元素的不透明度動(dòng)態(tài)改變?cè)氐臓顟B(tài)

fadeIn()淡入

fadeOut()淡出

fadeToggle切換

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

自定義動(dòng)畫(huà)通過(guò)animate()方法來(lái)實(shí)現(xiàn)，此方法通過(guò)設(shè)置匹配元素的css樣式來(lái)動(dòng)態(tài)改變?cè)氐臓顟B(tài)，它有三個(gè)預(yù)定義值：hide show toggle