2012-02-19 70 views
0

我想要div動畫效果。 對於如: - 我有兩個div,div A, div B Div A出現與在頁面左側文本abc和10秒後消失的,然後就Div B頁顯示文本ghi右側10秒後消失和再次出現左側DIV依此類推。 任何人都可以幫忙,如何繼續使用。經過一段時間後的jquery動畫效果

回答

2

檢查jQuery的網站:http://api.jquery.com/delay/

這是一個基本的例子:

function animateDivs1() { 
    $('div#divOne').delay(800).fadeIn(400); 
    $('div#divTwo').delay(800).fadeOut(400); 
    animateDivs2(); 
} 

function animateDivs2() { 
    $('div#divOne').delay(800).fadeOut(400); 
    $('div#divTwo').delay(800).fadeIn(400); 
    animateDivs1(); 
} 

animateDivs1(); 

你也可以看到它在這裏的行動:http://jsfiddle.net/hPNjn/

+0

感謝名單,在此,我想,當第一個div出現時,它應該可見10秒,然後慢慢消失,然後在第一個div消失後,第二個div出現,我希望它在第一次移動後不停止循環。 – user930026 2012-02-19 16:53:46

+0

另外,我想在頁面加載時自動出現,而不是點擊 – user930026 2012-02-19 17:03:45

+0

我已經用一個基本示例更新了我的答案。 – Andrei 2012-02-19 18:05:24