CMS솔루션마켓, 이온디 - 워드프레스, 라이믹스, 카페24, 그누보드, 엑셀

홈페이지 제작팁

Home Study WEB 퍼블팁 jQuery

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

 
댓글은 로그인 사용자만 작성 가능합니다. 로그인하기