jQuery 動畫效果

2022-09-05 02:03:07 字數 1887 閱讀 4446

目錄

show([s,[e],[fn]])      顯示隱藏的匹配元素

hide([s,[e],[fn]]) 隱藏顯示的元素

toggle([s],[e],[fn]) 如果元素是可見的,切換為隱藏的;如果元素是隱藏的,切換為可見的

引數詳解

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

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

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

slidedown([s],[e],[fn])     通過高度變化(向下增大)來動態地顯示所有匹配的元素

slideup([s,[e],[fn]]) 通過高度變化(向上減小)來動態地隱藏所有匹配的元素

slidetoggle([s],[e],[fn]) 通過高度變化來切換所有匹配元素的可見性

引數詳解

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

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

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

fadein([s],[e],[fn])        通過不透明度的變化來實現所有匹配元素的淡入效果

fadeout([s],[e],[fn]) 通過不透明度的變化來實現所有匹配元素的淡出效果

fadetoggle([s,[e],[fn]]) 通過不透明度的變化來開關所有匹配元素的淡入和淡出效果

fadeto([[s],o,[e],[fn]]) 把所有匹配元素的不透明度以漸進方式調整到指定的不透明度

引數詳解

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

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

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

opacity : (使用者fadeto)乙個0至1之間表示透明度的數字。

animate(p,[s],[e],[fn])
引數詳解

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

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

easing : 要使用的擦除效果的名稱(需要外掛程式支援).預設jquery提供"linear" 和 "swing".

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

stop([c],[j])       停止所有在指定元素上正在執行的動畫

delay(d,[q]) 設定乙個延時來推遲執行佇列中之後的專案

finish([queue]) 停止當前正在執行的動畫,刪除所有排隊的動畫,並完成匹配元素所有的動畫

//關閉頁面上所有的動畫

jquery.fx.off = true;

jquery 動畫效果

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

JQuery動畫效果

show 顯示隱藏的匹配元素 hide 隱藏顯示的元素 slideup 滑走 元素不能復原 slidetoggle 滑走 元素可以復原 感覺今天寫的並沒有什麼卵用 因為這是動的啊!但是看在iphone更新的情況下 就寫一下吧 fadein 通過不透明度的變化來實現所有匹配元素的淡入效果注意 不會 影...

jQuery 效果 動畫

jquery animate 方法允許您建立自定義的動畫。開始動畫 jquery jquery animate 方法用於建立自定義動畫。selector animate speed,callback 必需的 params 引數定義形成動畫的 css 屬性。可選的 speed 引數規定效果的時長。它可...