jQuery中常用動畫效果函數(shù)(日常整理)
jquery中動畫效果非常多,下面小編給大家分享一下jquery中的動畫函數(shù)。
jQuery的效果函數(shù)列表:
animate():對被選元素應(yīng)用“自定義”的動畫。
clearQueue():對被選元素移除所有排隊(duì)的函數(shù)(仍未運(yùn)行的)。
delay():對被選元素的所有排隊(duì)函數(shù)(仍未運(yùn)行)設(shè)置延遲。
dequeue():運(yùn)行被選元素的下一個(gè)排隊(duì)函數(shù)。
fadeln():逐漸改變被選元素的不透明度,從隱藏到可見。
fadeOut():逐漸改變被元素的不透明度,從可見到隱藏。
fadeTo():把被選元素逐漸改變至給定的不透明度。
hide():隱藏被選的元素。
queue():顯示被選元素的排隊(duì)函數(shù)。
show():顯示被選的元素。
slideDown():通過調(diào)整高度來滑動顯示被選元素。
slideToggle():對被選元素進(jìn)行滑動隱藏和滑動顯示的切換。
slideUp():通過調(diào)整高度來滑動隱藏被選元素。
stop():停止在被選元素上運(yùn)行的動畫。
toggle():對被選元素進(jìn)行隱藏和顯示的切換。
animate():
animate() 方法執(zhí)行 CSS 屬性集的自定義動畫。
該方法通過CSS樣式將元素從一個(gè)狀態(tài)改變?yōu)榱硪粋€(gè)狀態(tài)。CSS屬性值是逐漸改變的,這樣就可以創(chuàng)建動畫效果。
只有數(shù)字值可創(chuàng)建動畫(比如 "margin:30px")。字符串值無法創(chuàng)建動畫(比如 ""> clearQueue():
clearQueue() 方法停止隊(duì)列中所有仍未執(zhí)行的函數(shù)。
與 stop() 方法不同,(只適用于動畫),clearQueue() 能夠清除任何排隊(duì)的函數(shù)(通過 .queue() 方法添加到通用 jQuery 隊(duì)列的任何函數(shù))。
delay():
delay():對被選元素的所有排隊(duì)函數(shù)(仍未運(yùn)行)設(shè)置延遲。
dequeue():
dequeue():運(yùn)行被選元素的下一個(gè)排隊(duì)函數(shù)。
fadeIn():
fadeIn() 方法使用淡入效果來顯示被選元素,假如該元素是隱藏的。
fadeOut():
fadeOut() 方法使用淡出效果來隱藏被選元素,假如該元素是隱藏的。
fadeTo():
fadeTo() 方法將被選元素的不透明度逐漸地改變?yōu)橹付ǖ闹怠?/p>
hide():
如果被選的元素已被顯示,則隱藏該元素。
queue():
queue():顯示被選元素的排隊(duì)函數(shù)。
show():
如果被選元素已被隱藏,則顯示這些元素。
slideDown():
slideDown() 方法通過使用滑動效果,顯示隱藏的被選元素。
slideToggle() :
slideToggle() 方法通過使用滑動效果(高度變化)來切換元素的可見狀態(tài)。
如果被選元素是可見的,則隱藏這些元素,如果被選元素是隱藏的,則顯示這些元素。
slideUp():
通過使用滑動效果,隱藏被選元素,如果元素已顯示出來的話。
stop():
stop() 方法停止當(dāng)前正在運(yùn)行的動畫。
toggle():
toggle() 方法切換元素的可見狀態(tài)。
以上所述是小編給大家介紹的jQuery中常用動畫效果函數(shù)(日常整理),希望對大家有所幫助,如果大家有任何疑問歡迎給我留言,小編會及時(shí)回復(fù)大家的。
相關(guān)文章
jquery亂碼與contentType屬性設(shè)置問題解決方案
讓人頭痛的Jquery亂碼問題。其實(shí)這方面文章已經(jīng)很多了,但全面解決各種問題的很少,今天總結(jié)一下,方便自己也方便大家,感興趣的朋友可以了解下哦2013-01-01
Jquery 組合form元素為json格式,asp.net反序列化
Jquery組合form元素為json格式,asp.net反序列化實(shí)現(xiàn)代碼,大家可以具體的看下面的說明。2009-07-07
jquery實(shí)現(xiàn)Li滾動時(shí)滾動條自動添加樣式的方法
這篇文章主要介紹了jquery實(shí)現(xiàn)Li滾動時(shí)滾動條自動添加樣式的方法,實(shí)例分析了jquery響應(yīng)鼠標(biāo)事件及動態(tài)添加樣式的相關(guān)技巧,需要的朋友可以參考下2015-08-08
jQuery dateRangePicker插件使用方法詳解
這篇文章主要為大家詳細(xì)介紹了jQuery dateRangePicker插件的使用方法,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-07-07
jQuery實(shí)現(xiàn)仿美橙互聯(lián)兩級導(dǎo)航菜單的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)仿美橙互聯(lián)兩級導(dǎo)航菜單的方法,實(shí)例分析了jQuery操作css及setTimeout等實(shí)現(xiàn)導(dǎo)航菜單的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-03-03
JQuery單選按鈕Radio和復(fù)選框checkbox的操作代碼
這篇文章主要介紹了JQuery單選按鈕Radio和復(fù)選框checkbox的操作,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-04-04

