jQuery中常用動(dòng)畫(huà)效果函數(shù)知識(shí)點(diǎn)整理
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有正確返回值但不執(zhí)行success函數(shù)的問(wèn)題
- jQuery實(shí)現(xiàn)ajax回調(diào)函數(shù)帶入?yún)?shù)的方法示例
- 基于jquery trigger函數(shù)無(wú)法觸發(fā)a標(biāo)簽的兩種解決方法
- JavaScript自執(zhí)行函數(shù)和jQuery擴(kuò)展方法詳解
- jQuery使用bind函數(shù)實(shí)現(xiàn)綁定多個(gè)事件的方法
- jquery中封裝函數(shù)傳遞當(dāng)前元素的方法示例
- jQuery中map函數(shù)的兩種方式
- jQuery.parseHTML() 函數(shù)詳解
- jquery中用函數(shù)來(lái)設(shè)置css樣式
- jquery的$().each和$.each的區(qū)別
相關(guān)文章
基于Jquery+Ajax+Json實(shí)現(xiàn)分頁(yè)顯示附效果圖
后臺(tái)action產(chǎn)生json數(shù)據(jù),js獲取json數(shù)據(jù)分頁(yè)顯示,詳細(xì)的示例代碼如下,需要的朋友可以學(xué)習(xí)下2014-07-07
jQuery計(jì)算文本框字?jǐn)?shù)及限制文本框字?jǐn)?shù)的方法
一個(gè)中文算兩個(gè),一個(gè)符號(hào)或數(shù)字,英文,算一個(gè)。(如果是規(guī)定140個(gè)字,乘以2,那么就是280個(gè))。需要用到Math.ceil方法,因?yàn)樽詈筮€是要除以2來(lái)還原顯示給用戶的字?jǐn)?shù);2016-03-03
jquery實(shí)現(xiàn)表格中點(diǎn)擊相應(yīng)行變色功能效果【實(shí)例代碼】
下面小編就為大家?guī)?lái)一篇jquery實(shí)現(xiàn)表格中點(diǎn)擊相應(yīng)行變色功能效果【實(shí)例代碼】。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考2016-05-05
在瀏覽器中實(shí)現(xiàn)圖片粘貼的jQuery插件-- pasteimg使用指南
這篇文章主要介紹了在瀏覽器中實(shí)現(xiàn)圖片粘貼的jQuery插件-- pasteimg使用指南,需要的朋友可以參考下2014-12-12
jquery (show,fadeOut,Animate)簡(jiǎn)單效果
jquery (show,fadeOut,Animate)簡(jiǎn)單效果,需要的朋友可以參考下。2009-11-11
鋒利的jQuery 要點(diǎn)歸納(三) jQuery中的事件和動(dòng)畫(huà)(下:動(dòng)畫(huà)篇)
《鋒利的jQuery》要點(diǎn)歸納(三) jQuery中的事件和動(dòng)畫(huà)(下:動(dòng)畫(huà)篇)2010-03-03
jQuery插件FusionCharts繪制的2D條狀圖效果【附demo源碼】
這篇文章主要介紹了jQuery插件FusionCharts繪制的2D條狀圖效果,結(jié)合完整實(shí)例形式分析了jQuery使用FusionCharts插件繪制2D條狀圖的具體步驟與相關(guān)操作技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2017-05-05

