jqueryイントロの後のWebページでフェードインする

基本的にjquery、ロゴの色を変更して小さなシーケンスを作成した後、フェードアウトしてWebページをフェードインします。ウェブページ全体をフェードインする方法に問題があるだけです。シーケンスの後ろに隠れる方法があるかもしれないので、シーケンスが終了すると自然に明らかになります。よく分かりません。jqueryイントロの後のWebページでフェードインする

出典

2011-06-22 Erin

fadeIn()を使用してください。

<body>を試しても、画像は表示されません。

あなたは、画像のうち、フェードを遅らせるためにもsetTimeoutを使用することができます。

$('#my_div').hide(); 
setTimeout(function(){ 
    $('#my_image').fadeOut(1000, function() { 
     $('#my_div').fadeIn(); 
    }); 
}, 2000);

デモ：アニメーション:)なぜ人々は ``明らかにこの意志を隠しているとhttp://jsfiddle.net/BGtAA/1/

出典

2011-06-22 15:55:21

私はこの1つ、シンプルでデモが本当に本当に助けたのが好きです。私の唯一の問題は、身体が今隠されているのではなく現れていることです。私はそれがちょっとした間違いだと確信しています。私はstackoverflowには新しく、私のコードを表示する方法はありますか？ – Erin

YAY！私はそれを得た、ありがとう。これまでの私の問題は、私が明示的にdiplay：divタグにnoneと書く必要があるということでした。 @Wesley Murchあなたのソリューションは魅力的に機能しました。ここに私の結果があります： www.erindepew.com サイトは依然としてテスト/デバッグ段階にありますが、少なくともイントロを見ることができます！みんな、ありがとう！ – Erin

あなたがページの高さを得て、それからあなたのコンテンツの上に白いdivを作成するとどうなりますか？ DOMが準備ができたら、そのdivを消してしまいます。

出典

2011-06-22 15:44:37 Seth

最初に非表示になっているdivのコンテンツをラップします。アニメーションが完了したら、それをフェードアウトし、そのfadeOutのコールバックでは、コンテンツdivをフェード：画像はdiv要素の外側にあることを確認し、<div>にページ全体をラップ

http://jsfiddle.net/P33Xm/

出典

2011-06-22 15:54:45

ナイスタッチを読み込み中の画像を含め、すべてを隠す？ –

@wesley hah、ありがとう、そして私には分かりません... –

jqueryイントロの後のWebページでフェードインする

答えて

関連する問題