身体背景图像淡入

Question

我正在尝试复制此site的背景图片中的淡入淡出。我将如何使用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 一开始你想要Opacity为1，然后将其设为0。

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