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()은 페이지를 벗어날 때 효과입니다.