一.系統(tǒng)預(yù)定義的動畫函數(shù)

1.顯示隱藏函數(shù)
show(); //顯示元素(同時增加寬、高、不透明度)
hide(); //隱藏元素
執(zhí)行hide()隱藏界面元素，相當(dāng)于將css樣式中的display:none.

我們也可以在函數(shù)中加入?yún)?shù)，具體如下：
show("slow");
除了slow取值外，還可以設(shè)置為normal,fast,分別代表時間為600，400，200毫秒

我們也可以加如具體時間取值。具體如下：

slow(1000);
這樣代表時間完全顯示出元素的時間間隔為1000毫秒

2.不透明度函數(shù)
fadeIn();//逐漸顯示元素（只增加不透明度）
fadeOut();//逐漸隱退元素

3.高寬度函數(shù)
slideDown();//逐漸增加元素高度(只增加元素高度)
slideUp();//逐漸縮短元素高度

二.自定義動畫函數(shù)

animate(params,speed,callback);
params:取值為一個樣式屬性和取值的映射
speed:速度
callback:動畫完成時的執(zhí)行函數(shù)

其中params的樣式屬性取值可以是多個屬性，也可以是累增，累減的取值
例子：


1.停止元素動畫
stop();
結(jié)束當(dāng)前執(zhí)行的動畫，并立即執(zhí)行下面定義的動畫

2.判斷是否在動畫狀態(tài)
is(":animate")

3.其他動畫函數(shù)
toggle(speed,callback);//立即切換元素狀態(tài)(高，寬，不透明度)，如果隱藏則切換到顯示，如果顯示則切換的隱藏
sildeToggle(speed,callback);//改變高度方式切換元素狀態(tài)
fadeto(speed,opacity,callback);切換到指定的不透明度值

最新評論