TA貢獻(xiàn)1798條經(jīng)驗(yàn) 獲得超3個(gè)贊
好了，您可以設(shè)置淡入淡出功能來觸發(fā)“下一個(gè)”。
$("div#foo").fadeIn("fast",function(){
$("div#bar").fadeIn("fast", function(){
// etc.
});
});
但是計(jì)時(shí)器可能是一個(gè)更好的系統(tǒng)，或者是將它們?nèi)渴占?，將它們放入一個(gè)數(shù)組中，然后一次延遲彈出它們，一次使其淡入淡出的功能。
TA貢獻(xiàn)1860條經(jīng)驗(yàn) 獲得超9個(gè)贊
假設(shè)您有一個(gè)span元素?cái)?shù)組：
$("span").each(function(index) {
$(this).delay(400*index).fadeIn(300);
});
（快速注意：我認(rèn)為您需要jQuery 1.4或更高版本才能使用.delay方法）
這基本上會(huì)等待一段時(shí)間，然后淡入每個(gè)元素。之所以起作用，是因?yàn)槟鷮⒌却龝r(shí)間乘以元素的索引。遍歷數(shù)組時(shí)，延遲看起來像這樣：
延遲400 * 0（沒有延遲，只有fadeIn，這是我們想要的第一個(gè)元素）
延誤400 * 1
延誤400 * 2
延誤400 * 3
這樣可以產(chǎn)生很好的“一個(gè)接一個(gè)”的淡入效果。它也可以與slideDown一起使用。希望這可以幫助！
舉報(bào)