身体背景图像淡入

我试图在此site的背景图像中复制淡入淡出。我将如何去与jQuery这样做呢？身体背景图像淡入

什么问题？ – xdazz

http://api.jquery.com/fadeIn/ – Adi

可能重复的[JQuery - 淡入淡出背景图片]（http://stackoverflow.com/questions/977090/jquery-fade-in-background-image）和只是关于右侧“相关”窗格中的每个问题。 – JJJ

使用图像作为背景图像。即<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" />

2012-06-30 10:19:56

小修正'以不透明度1开始，然后在淡入时使其为零。''：）' –

不对？他希望它淡入。那么，在这种情况下，不透明度必须为0，并且应该逐渐变为1。 –

'：''你可以看下面的演示，有一个很好的！ –

工作演示http://jsfiddle.net/9HTkV/（和怎么我喜欢绿巨人）：P

开始与opacity 1然后令其为零，因为它是在褪色。

这会帮助你想不透明度为1，然后让它0 :)

代码

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

CSS的开始。

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

2012-06-30 10:25:27

回答