Jquery效果(動畫)

2022-04-05 18:32:25 字數 1784 閱讀 3433

show

概念:顯示隱藏的匹配元素 語法:show(speed,callback) 引數:

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

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

hide

hide(speed,callback)跟show使用方法類似,表示隱藏顯示的元素。

可以通過show()和hide()方法,來動態控制元素的顯示隱藏

toggle

如果元素是可見的,切換為隱藏的;如果元素是隱藏的,切換為可見的。

slidedown

概念:通過高度變化(向下增大)來到動態地顯示所有匹配的元素,在顯示完成後觸發乙個**函式

用法和引數跟上面類似

slideup

通過高度變化(向上減小)來動態地隱藏所有匹配的元素,在隱藏完成後可選地觸發乙個**函式。

用法和引數跟上面類似

slidetoggle

概念:通過高度變化來切換所有匹配元素的可見性,並在切換完成後可選地觸發乙個**函式

跟toggle用法類似

fadein

概念:通過不透明度的變化來實現所有匹配元素的淡入效果,並在動畫完成後可選地觸發乙個**函式。

這個動畫只調整元素的不透明度,也就是說所有匹配的元素的高度和寬度不會發生變化

fadeout

概念:通過不透明度的變化來實現所有匹配元素的淡出效果,並在動畫完成後可選地觸發乙個**函式。

這個動畫只調整元素的不透明度,也就是說所有匹配的元素的高度和寬度不會發生變化。

fadeto

概念:把所有匹配元素的不透明度以漸進方式調整到指定的不透明度,並在動畫完成後可選地觸發乙個**函式。

這個動畫只調整元素的不透明度,也就是說所有匹配的元素的高度和寬度不會發生變化。

fadetoggle

概念:通過不透明度的變化來開關所有匹配元素的淡入和淡出效果,並在動畫完成後可選地觸發乙個**函式。

這個動畫只調整元素的不透明度,也就是說所有匹配的元素的高度和寬度不會發生變化。

實現淡入淡出的效果就是使用此方法

animate

概念:用於建立自定義動畫的函式

語法:animate(params,[speed],[fn])

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

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

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

概念:停止所有在指定元素上正在執行的動畫

語法:stop([clearqueue],[jumptoend])

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

gotoend:讓當前正在執行的動畫立即完成,並且重設show和hide的原始樣式,呼叫**函式等

概念:用來做延遲的操作

語法:delay(1000),一秒之後做後面的操作

二級選單動畫

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 引數規定效果的時長。它可...