身體背景圖像淡入

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然後令其爲零，因爲它是在褪色。

這會幫助你想不透明度爲1，然後讓它0 :)

代碼

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

​ 

CSS的開始。

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