2012-02-19 18 views
0

divアニメーション効果が欲しいです。例えば用 : - 私は2つのdiv要素を持っている、div A, div B Div Aページの左側にテキストabcで表示され、10秒後にフェードインし、ページDiv Bの右側にあるテキストghiで表示され、10秒後にフェードインし、再び左側のdivが表示されますなど.... 誰も助けることができる、どのように同じを続行する。jQueryアニメーション効果一定時間後

答えて

2

は、jQueryのウェブサイトを確認します。また、あなたはここにアクションでそれを見ることができ

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

ありがとう、これでは、私はしたいここhttp://api.jquery.com/delay/

は、基本的な例です。最初のdivが表示されたら、それは10秒間表示され、次にゆっくりと消え、最初のdivが消えた後、2番目のdivが表示され、最初の移動後に停止するだけではありません。 – user930026

+0

また、ページが読み込まれたときに自動的に表示されます。 – user930026

+0

私は基本的な例で私の答えを更新しました。 – Andrei

関連する問題