0

人々が私のウェブサイトにアクセスしたときに背景を白くし、ページが完全に読み込まれると、5 秒後に背景の画像がフェードインし始め、15 秒ごとに新しい画像にフェードインするようにします。これを行う良い方法を知っていますか、それとも既製のプラグインなどがあるかどうか.

ありがとう、

マルティン

4

3 に答える 3

0

ロードの5秒後に、imgタグのIDでfadeIn（）を使用します。カウンターを実行して、15秒ごとに同じことを行います。

  <img id="book" src="book.png" alt="" width="100" height="123" />

要素が最初に非表示になっているので、ゆっくりと表示できます。

   $(window).load(function () {
      $('#book').fadeIn(15000, function() {
        // Animation complete
      });
    });
于 2012-11-02T18:02:20.953 に答える
0

色の変化効果を得るには、外部プラグインを使用する必要があります。

検査する jsFiddle は次のとおりです。

$(document).ready(function() {

    function repeat() {
        $('body')
            .delay(5000).animate({'background-color':'#fff'},1000)
            .delay(5000).animate({'background-color':'#000'},1000);
    }
    window.setInterval(repeat, 10000);

});

カラー トランジション エフェクト ソース: 純粋な jQuery アニメーションによる特別なカラー トランジション エフェクト // UI やその他のライブラリはありません

于 2012-11-02T18:12:28.343 に答える
0

document.readyと組み合わせて使用setTimeout​​ ?

setTimeout関数内document.readyで異なるタイマーを使用して2 つの関数を呼び出します。これらのそれぞれは、次の使用法をfadeIn変更することによって画像になります。css

$('body').css('background-image', 'YOURIMAGESRC');
于 2012-11-02T17:59:17.607 に答える