로고가 페이드 인 페이지로드

Question

내가 원하는 효과의 유형을 설명하는 방법을 모르겠지만 간단하게하려고합니다. 내 홈페이지를 흰색 배경 화면의 중간에 내 로고가 열리고 싶습니다. 몇 초 후 로고가 희미 해지고 홈 페이지가 표시됩니다.

내가 원하는 내용으로 index.php에 대해 생각하고 5 초 후에 내 전체 홈페이지와 함께 index2로 리디렉션하지만 이것은 SEO에 좋지 않습니다. JQuery 덕분에 내가 원하는 것을 얻을 수있었습니다.

$(document).ready(function(){ 
$('#page_effect').fadeIn(2000); 
}); 

을하지만 등 중간에 로고를 ... 얻을 수있는 방법을

당신의 도움이, 진심 주셔서 대단히 감사합니다 :

나는 그 코드 변경에 대한 생각했다.

Answer 1

랩 <div>의 페이지 내용의 나머지 부분과 로고가 페이드 아웃과의 페이지 콘텐츠 페이드를 포함하는 <div>.

JSFiddle example