jQuery(function($) {
$("body").css("display", "none");
$("body").fadeIn(2000);
$("a.transition").click(function(event){
event.preventDefault();
linkLocation = this.href;
$("body").fadeOut(1000, redirectPage);
});
function redirectPage() {
window.location = linkLocation;
}
});
js 파일로 해당 소스를 레이아웃에 집어넣으면 화면이 열릴 때 부드럽게 열립니다.
fadeIn() 안에는 숫자 또는 'fast' 나 'slow' 가 들어갈 수 있습니다. 숫자에는 작은 따옴표가 없어도 되고. fast와 slow는 작은 따옴표로 감싸줍니다.
fadeIn()은 페이지에 접속할 때 효과이고, fadeOut()은 페이지를 벗어날 때 효과입니다.