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 maxlength文本字?jǐn)?shù)限制插件
相信大家對(duì)twitter類的微博客都不陌生,作為一句話博客其字?jǐn)?shù)即時(shí)提示效果設(shè)計(jì)的非常人性化.2010-04-04jQuery中$(function() {});問(wèn)題詳解
$(function() {});是$(document).ready(function(){ })的簡(jiǎn)寫(xiě),最早接觸的時(shí)候也說(shuō)$(document).ready(function(){ })這個(gè)函數(shù)是用來(lái)取代頁(yè)面中的window.onload;但是今天發(fā)現(xiàn) 好像不是這樣回事!是在做一個(gè)頁(yè)面載入效果時(shí)發(fā)現(xiàn)的!2015-08-08jQuery登陸判斷簡(jiǎn)單實(shí)現(xiàn)代碼
登陸判斷在實(shí)際應(yīng)用中還是比較常見(jiàn),在客戶端執(zhí)行判斷可以減少服務(wù)器端的負(fù)擔(dān),感興趣的朋友可以參考下2013-04-04jQuery數(shù)據(jù)檢索中根據(jù)關(guān)鍵字快速定位GridView指定行的實(shí)現(xiàn)方法
這篇文章主要介紹了jQuery數(shù)據(jù)檢索中根據(jù)關(guān)鍵字快速定位GridView指定行的實(shí)現(xiàn)方法,涉及jQuery結(jié)合asp.net操作頁(yè)面元素及樣式的相關(guān)技巧,需要的朋友可以參考下2016-06-06jquery實(shí)現(xiàn)很酷的網(wǎng)頁(yè)頂部圖標(biāo)下拉菜單效果
這篇文章主要介紹了jquery實(shí)現(xiàn)很酷的網(wǎng)頁(yè)頂部圖標(biāo)下拉菜單效果,效果非常美觀大方,通過(guò)鼠標(biāo)hover事件及頁(yè)面元素的遍歷與樣式操作實(shí)現(xiàn)該功能,需要的朋友可以參考下2015-08-08JQuery調(diào)webservice實(shí)現(xiàn)郵箱驗(yàn)證(檢測(cè)是否可用)
JQuery調(diào)webservice實(shí)現(xiàn)郵箱驗(yàn)證:判斷郵箱是否存在如果不存在提示可以使用否從提示該郵箱已存在請(qǐng)重新輸入,感興趣的朋友可以參下哈,希望對(duì)你有所幫助2013-05-05jQuery焦點(diǎn)圖切換特效插件封裝實(shí)例
這篇文章介紹了jQuery焦點(diǎn)圖切換特效插件封裝實(shí)例,有需要的朋友可以參考一下2013-08-08Jquery 數(shù)據(jù)選擇插件Pickerbox使用介紹
目前市面上很少見(jiàn)或幾乎沒(méi)有這數(shù)據(jù)(對(duì)象)選擇插件.比如,點(diǎn)擊input , select 元素時(shí)彈出div(窗口),載入數(shù)據(jù)讓用戶選擇數(shù)據(jù),選擇后在填充回對(duì)應(yīng)的元素.2012-08-08