前端JQuery 動畫效果學習 一

2021-09-14 02:12:25 字數 1286 閱讀 9346

顯示隱藏的元素 : show(speed,easing,fn);

隱藏顯示的元素 : hide(speed,easing,fn);

切換隱藏顯示效果:toggle(speed,easing,fn);

向下展開顯示元素 :slidedown(speed,easing,fn);

向上收縮隱藏元素 :slideup(speed,easing,fn);

切換展開收縮效果 :slidetoggle(speed,easing,fn);

元素淡入顯示:fadein(speed,easing,fn);

元素淡出隱藏:fadeout(speed,easing,fn);

元素的透明度調整到指定值 :fadeto(speed,easing,fn);

切換元素淡出淡入效果 :fadetoggle(speed,easing,fn);

自定義動畫效果:animate(params,[speed],[easing],[fn]);

上述引數解釋:

speed:三種預定速度之一的字串(「slow」,「normal」, or 「fast」)或表示動畫時長的毫秒數值(如:1000)

easing:(optional) 用來指定切換效果,預設是"swing",可用引數"linear"

fn:在動畫完成時執行的函式,每個元素執行一次。

params:一組包含作為動畫屬性和終值的樣式屬性和及其值的集合

動畫停止:stop([clearqueue],[jumptoend])

clearqueue:如果設定成true,則清空佇列。可以立即結束動畫。

jumptoend:如果設定成true,則完成佇列。可以立即完成動畫。

動畫延遲:delay(duration,[queuename])

duration:延時時間,單位:毫秒

queuename:佇列名詞,預設是fx,動畫佇列。

完成動畫:finish( [queue ] )

queue:停止當前正在執行的動畫,刪除所有排隊的動畫,並完成匹配元素所有的動畫。

執行乙個禁用的動畫:jquery.fx.off

把這個屬性設定為true可以立即關閉所有動畫(所有效果會立即執行完畢)

當把這個屬性設成false之後,可以重新開啟所有動畫。

設定動畫的顯示幀速: jquery.fx.interval

web前端 jQuery動畫效果

基本 show s,e fn hide s,e fn toggle s e fn 滑動 slidedown s e fn slideup s,e fn slidetoggle s e fn 淡入淡出 fadein s e fn fadeout s e fn fadeto s o,e fn fadet...

jQuery學習之動畫效果

show hide 1.實現可折疊的列表 li has ul click function event else return false css cursor pointer click li not has ul css 2.切換元素的顯示狀態 toggle 可以切換顯示和隱藏狀態,替代show...

jquery 動畫效果

首先,在做jquery 動畫效果之前,必須先知道jquery動畫效果的實現順序。jquery中,會把所有的動畫效果 如hide,show等 放入乙個佇列中 預設為 fx 然後依照先進先出的原則執行佇列中的動畫效果。其他的非動畫效果,都不會放入佇列中。並且jquery 會優先執行這些非動畫效果,然後再...