javascript - body background-image フェードイン

Question

このサイトの背景画像のフェードを再現しようとしています。jQueryでどうすればいいですか？

Answer 1

画像を背景画像として使用します。つまり、<img />タグ。次に、jQuery の.animate()関数を使用します。

$(document).ready(function(){
    $('img.bg').animate({
        opacity: 1;
    }, 1000);
});

CSS:

.bg {opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

HTML:

<img src="bgimage.png" class="bg" />

Answer 2

作業デモ http://jsfiddle.net/9HTkV/（そして私はハルクが好きです）：P

最初に開始しopacity 1、フェードインするときにゼロにします。

これは役立つはずです:)

コード

        $('.box2').animate({
            opacity: 0
        });

​

最初のCSSでは、不透明度を1にしてから、0にします。

.box2 {
    height: 500px;
    width: 700px;
    background: #000000;
    opacity: 1;
}