2012-05-05 24 views
2

我在asp頁面中有很多div,我想在使用jquery.show()或jquery.fadein()逐頁加載後顯示它們,我的意思是它們不會全部顯示在一起,他們應該一一顯示。顯示所有的divs一個接一個

<div class = "trip">Trip1</div> 
<div class = "trip">Trip2</div> 
<div class = "trip">Trip3</div> 
<div class = "trip">Trip4</div> 

感謝您的任何迴應。

+2

[?你嘗試過什麼(http://mattgemmell.com/2008/ 12月8日/乜你試過/) – j08691

+0

@ j08691 +1500給你先生 –

+0

:)我很抱歉。我沒有嘗試任何東西。我在stackoverflow中有點新手。我不認爲我應該說「謝謝」,我感謝+投票的答案。不過謝謝。 – Mtok

回答

4
$(".trip").each(function(i,e) { 
    $(this).delay(i*400).fadeIn(); 
}); 
3

DEMO

$(".trip").each(function(i) { 
    $(this).delay(i * 100).fadeIn(); 
});​ 
3
$('.trip').each(function(index, element){ 
    $(this).delay(1000 * index).show(0); 
}); 

Live DEMO

+1

如果將其更改爲'show(0)'和'hide(0)',則爲+1。現在它不會工作。 –

+2

@ user1370958。你說得對,thx – gdoron

相關問題