色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

jquery delay 隊列

吉茹定2年前8瀏覽0評論

jQuery的delay方法是一個非常實用的隊列控制方法,能夠在執行jQuery方法的同時,延遲執行后續動作。

$('selector').fadeOut(1000).delay(2000).fadeIn(1000);

如上代碼所示,其中delay(2000)表示將后續操作延遲2秒執行,即在淡出效果后2秒再淡入。

delay方法只能對隊列中下一個方法產生作用,無法對之前的方法產生影響。因此,若需要延遲所有動作的執行,需要利用隊列控制的方法實現。例如,如果要實現每個表格單元的延遲淡入效果,可以使用隊列方法:

$('td').each(function(i){
$(this).delay(100*i).fadeIn(1000);
});

每個表格單元將會按照順序延遲100毫秒的間隔在1秒內淡入。這個方法的關鍵在于使用each方法遍歷每個表格單元,并指定不同的延遲時間。

此外,delay方法還可以和動畫方法搭配使用,實現更加復雜的效果。例如下面代碼演示了當圖片hover后,縮小圖片,延遲更換圖片,再放大圖片的效果:

$('img').hover(function(){
$(this).animate({width:'90px',height:'90px'},500).delay(2000)
.queue(function(){
$(this).attr('src','newImg.jpg').dequeue(); //更改圖片地址
})
.animate({width:'100px',height:'100px'},500);
});

在以上代碼中,使用queue方法來延遲更換圖片的時間。queue方法能夠在隊列中插入一個函數,等待當前動作完成后執行。

以上就是jQuery delay隊列的一些基本用法介紹,通過對delay方法的靈活運用,我們能夠實現更加多樣化和復雜的動畫效果。