본문 배경 이미지 페이드 인

Question

나는이 site의 배경 이미지에서 페이드를 복제하려고합니다. jQuery를 사용하면 어떻게 될까요?

Answer 1

이미지를 배경 이미지로 사용하십시오. 즉, <img /> 태그.

$(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를

시작 그리고 jQuery의 .animate() 기능을 사용 opacity 1 다음 제로가 페이드대로합니다.

이 당신이 불투명도가 1 일 후 0 만들고 싶어 시작에 :)

코드

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

​ 

CSS 도움이 될 것입니다.

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