JQuery是一個(gè)強(qiáng)大的Javascript庫(kù)，其中包含了許多動(dòng)畫效果，讓網(wǎng)頁(yè)交互更加生動(dòng)。今天，我們來(lái)了解一下JQuery的八種常用動(dòng)畫效果。

$(selector).hide(speed,callback);
$(selector).show(speed,callback);

hide()和show()是最基本的動(dòng)畫，可以實(shí)現(xiàn)元素的隱藏和顯示效果。其中，speed參數(shù)表示動(dòng)畫的速度，可以取slow、normal或fast三個(gè)值，也可以用毫秒數(shù)表示。callback參數(shù)是可選的回調(diào)函數(shù)，當(dāng)動(dòng)畫完成后執(zhí)行。

$(selector).fadeIn(speed,callback);
$(selector).fadeOut(speed,callback);

fadeIn()和fadeOut()可以實(shí)現(xiàn)元素淡入和淡出的效果。和hide()和show()類似，都有speed和callback兩個(gè)參數(shù)。

$(selector).slideUp(speed,callback);
$(selector).slideDown(speed,callback);

slideUp()和slideDown()可以實(shí)現(xiàn)元素的上升和下降效果。同樣是有speed和callback兩個(gè)參數(shù)。

$(selector).animate({params},speed,callback);

animate()可以自定義參數(shù)來(lái)實(shí)現(xiàn)各種動(dòng)畫效果，如移動(dòng)、縮放、旋轉(zhuǎn)等。params參數(shù)是一個(gè)對(duì)象，包含了需要改變的樣式屬性和目標(biāo)值。如下面的例子：

$("div").animate({
left:'250px',
opacity:'0.5',
height:'+=150px',
width:'+=150px'
});

以上代碼可以實(shí)現(xiàn)一個(gè)動(dòng)畫效果，使得div元素向右移動(dòng)250像素，透明度變?yōu)?.5，高度和寬度分別增加150像素。

$(selector).toggle(speed,callback);
$(selector).fadeToggle(speed,callback);
$(selector).slideToggle(speed,callback);

toggle()、fadeToggle()和slideToggle()分別是show()、hide()、fadeIn()、fadeOut()、slideUp()和slideDown() 的結(jié)合。如下面的例子：

$("button").click(function(){
$("p").toggle();
});

以上代碼可以實(shí)現(xiàn)一個(gè)按鈕，點(diǎn)擊后可以切換段落元素的隱藏和顯示。