0

基本的に、ページを表示する前にロゴ画像がフェードインするWebサイトを作成するように依頼されました（たとえば、4秒表示）。

これを行う最善の方法は、jQuery を使用することです。すべての画像が読み込まれた後にページがフェードインする他の例を見てきましたが、時間を指定してこれを行うにはどうすればよいですか。

総括する：

ページが読み込まれているかどうかに関係なく、読み込み中のページが後ろにわずかに見える (ライトボックス効果) 状態で全画面表示で画像を読み込み、4 秒後に完全に読み込まれたサイト コンテンツにフェードインします。

これどうやってするの？

4

2 に答える 2

0

setTimeout遅延と呼び出しに使用しfadeIn、fadeOut

これを試して

$(window).load(function(){
   $('#imageID').fadeIn('slow',function(){
         setTimeout(function(){
            $(this).fadeOut('slow') // $('#imageID')".fadeOut('slow',
         },4000);
   })
});

モーダルを使用して、ライトボックス効果のようなロゴを表示できます...そして、同様に開閉します...

モーダルのリンク..

trueのシンプルなモーダル
jqueryダイアログ

于 2013-03-28T11:47:57.370 に答える
0

ページ上に絶対に配置された div タグを使用してページを開始し、幅と高さを 100% にしてから、jquery を使用してこの div の不透明度を「アニメーション化」し、ほとんど見えなくなってから非表示にすることができます。 div。

<html>
  ..... header content where javascript and what not goes
  <body>
    <div id='introdiv' style="position:absolute;z-index:9999;width:100%;height:100%;">
      .... image goes here
    </div>
    .... other page content goes here.

jQuery Animate を使用すると、$("#introdiv").animate({......

他のすべてのリクエストで div タグが非表示のままであるか、画像が毎回表示されるようにする方法を見つける必要があります。

ページが読み込まれるまで画像を表示したい場合は、animate を jQuery の document.ready 関数内に配置します。

于 2013-03-28T11:50:04.803 に答える