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

