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

