jquery 延遲執(zhí)行實(shí)例介紹
$(function(){
var $inputs = $('input[type=button]')
.delay(500)
.queue(function(){$(this).hide().dequeue();})
.delay(1500)
.queue(function(){$(this).show();});
});
以上代碼讓頁面中的按鈕在頁面加載后500毫秒隱藏,然后再過1500毫秒顯示出來。
$(function(){
var $inputs = $('input[type=button]')
.delay(500)
.queue(function(){$(this).hide().dequeue();})
.delay(1500)
.show(1);
//.queue(function(){$(this).show();});
});
以上代碼效果與前面的代碼相同。
$(function(){
var $inputs = $('input[type=button]')
.delay(500)
.queue(function(){$(this).hide();})
.delay(1500)
.show(1);
//.queue(function(){$(this).show();});
});
以上代碼同樣只隱藏,不會(huì)再顯示,相比代碼2,queue里的代碼沒有調(diào)dequeue,由此可知,queue執(zhí)行完后,也中止了動(dòng)畫隊(duì)列的繼續(xù)執(zhí)行,需要調(diào)用dequeue使其執(zhí)行下去(這里queue里的hide()不是一個(gè)動(dòng)畫,而將當(dāng)前對象的動(dòng)畫放在queue里執(zhí)行也會(huì)有問題)。
$(function(){
var $inputs = $('input[type=button]')
.delay(500)
.queue(function(){$(this).hide().dequeue();})
.delay(1500)
.show();
//.show(1);
});
以上代碼只隱藏,而不會(huì)再顯示??!這里show不再指定顯示動(dòng)畫時(shí)長,則show方法不再是一個(gè)動(dòng)畫。由此可知,dequeue只能使得動(dòng)畫隊(duì)列中的后續(xù)方法執(zhí)行下去,不能使非動(dòng)畫隊(duì)列中的jquery方法繼續(xù)執(zhí)行!
- jquery延遲對象解析
- jQuery實(shí)現(xiàn)鼠標(biāo)滾動(dòng)圖片延遲加載效果附源碼下載
- jQuery實(shí)現(xiàn)帶延遲效果的滑動(dòng)菜單代碼
- jQuery實(shí)現(xiàn)延遲跳轉(zhuǎn)的方法
- jQuery延遲加載圖片插件Lazy Load使用指南
- 使用jquery實(shí)現(xiàn)的一個(gè)圖片延遲加載插件(含圖片延遲加載原理)
- Jquery圖片延遲加載插件jquery.lazyload.js的使用方法
- jquery插件lazyload.js延遲加載圖片的使用方法
- jQuery lazyLoad圖片延遲加載插件的優(yōu)化改造方法分享
- jQuery Pagination Ajax分頁插件(分頁切換時(shí)無刷新與延遲)中文翻譯版
- Lazy Load 延遲加載圖片的jQuery插件中文使用文檔
- jquery圖片延遲加載 前端開發(fā)技能必備系列
- jQuery延遲執(zhí)行的實(shí)現(xiàn)方法
相關(guān)文章
jQuery插件dataTables添加序號(hào)列的方法
這篇文章主要介紹了jQuery插件dataTables添加序號(hào)列的方法的相關(guān)資料,需要的朋友可以參考下2016-07-07在線引用最新jquery文件的實(shí)現(xiàn)方法
下面小編就為大家?guī)硪黄诰€引用最新jquery文件的實(shí)現(xiàn)方法。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-08-08jQuery實(shí)現(xiàn)的淡入淡出與滑入滑出效果示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)的淡入淡出與滑入滑出效果,結(jié)合實(shí)例形式分析了jQuery中fadeIn、fadeOut、slideDown及slideUp方法相關(guān)使用技巧,需要的朋友可以參考下2018-04-04解決jquery操作checkbox火狐下第二次無法勾選問題
在工作中使用jquery操作checkbox,進(jìn)行全選、反選,現(xiàn)在的問題是火狐下第二次無法勾選問題,在下面有個(gè)詳細(xì)的解答,感興趣的朋友可以參考下2014-02-02利用JQuery實(shí)現(xiàn)datatables插件的增加和刪除行功能
這篇文章給大家介紹了jquery實(shí)現(xiàn)datatables插件的增加和刪除行的功能,代碼簡單易懂,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友參考下2017-01-01jquery表單驗(yàn)證插件validation使用方法詳解
這篇文章主要為大家詳細(xì)介紹了jquery表單驗(yàn)證插件validation使用方法,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-01-01jQuery實(shí)現(xiàn)的Div窗口震動(dòng)效果實(shí)例
這篇文章主要介紹了jQuery實(shí)現(xiàn)的Div窗口震動(dòng)效果,可實(shí)現(xiàn)點(diǎn)擊提交后窗口出現(xiàn)震動(dòng)效果,需要的朋友可以參考下2015-08-08jQuery+canvas實(shí)現(xiàn)的球體平拋及顏色動(dòng)態(tài)變換效果
這篇文章主要介紹了jQuery+canvas實(shí)現(xiàn)的球體平拋及顏色動(dòng)態(tài)變換效果,通過jQuery結(jié)合html5的canvas技術(shù)調(diào)用時(shí)間函數(shù)實(shí)時(shí)進(jìn)行數(shù)學(xué)運(yùn)算,最終實(shí)現(xiàn)球體平拋及顏色動(dòng)態(tài)變換的效果,需要的朋友可以參考下2016-01-01基于jquery的修改當(dāng)前TAB顯示標(biāo)題的代碼
在當(dāng)前tab選項(xiàng)卡中單擊鏈接后,新內(nèi)容在當(dāng)前選項(xiàng)卡中顯示,但標(biāo)題內(nèi)容還是上一頁標(biāo)題要改為新的標(biāo)題。2010-12-12