0

スタックには同様のスレッドがありますが、私に適したスレッドは見つかりませんでした。

クリック後に変更したい体の背景があります。

$('#start').click(function(){
    $(this).fadeOut('slow');
    $('#help').fadeOut('slow');
    $('#exit').fadeOut('slow');

    setTimeout(function(){
             $('body').css('background-image','url(media/note.jpg)');
    },500);
});

だから、私は新しい背景が欲しいですfadeIn。思いつく限りの方法で追加してみましたが、運が悪かったです。

そうする方法はありますか？

4

1 に答える 1

1

次のように、jQuery UI ライブラリを使用して、遅延のあるクラスを追加できます。

$(document).ready(function() {
    $("#start").click(function () {
        $(this).fadeOut('slow');
        $('#help').fadeOut('slow');
        $('#exit').fadeOut('slow');
        $('body').addClass("note", 1000);
    });
});

クラスの「メモ」は次のようになります。

​.note{
    background-image:url('media/note.jpg');
    /*more styling if you like */
}​

jQuery UI ライブラリを使用するには、必ず次のスクリプトを html HEAD タグに追加してください。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<script src="http://ui.jquery.com/latest/ui/effects.core.js"></script>

例として、この jsFiddle をチェックしてください: CLICK !

于 2012-07-14T11:42:50.873 に答える