0

私は本当にjqueryの初心者です...しかし、あなたが私を助けてくれることを願って、私のウェブサイトに影響を与えたいです.

私の意図は、ロゴ ( http://oi49.tinypic.com/34ss55v.jpg ) がフェードインして表示されるスプラッシュ スクリーンを作成し、(2 秒後に) ロゴを上に移動して、Web サイトの残りの部分を表示することです。

助けてくれてありがとう！

4

1 に答える 1

0

jQuery のfadeIn()メソッドを使用して、スプラッシュ スクリーンを表示できます。- http://api.jquery.com/fadeIn/

その後、fadeOut()orslideUp()を呼び出してグラフィックを非表示にします。

この（最小限の）例を試してください：

<html>
  <head>
    <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
  </head>
  <body>
    <div id="splash" style="display:none;"><img src="http://oi49.tinypic.com/34ss55v.jpg"/></div>

    <script>
      // Slowly fade in image (5 seconds) and then slide it up (2 seconds).
      $().ready(function() {
        $("#splash").fadeIn(5000).slideUp(2000);
      });

    </script>
  </body>
</html>

それが役立つことを願っています:)

于 2013-03-20T20:59:06.193 に答える