jQuery - ページ遷移でフェードイン(fadeIn)するエフェクトをつけたい
$(function(){ $('#wrapper:not(body #wrapper)').css({display:'block',opacity:'0'}); $('#wrapper:not(body #wrapper)').animate({opacity:'1'},500); $('body #wrapper').css({display:'block',opacity:'0'}); $('body #wrapper').animate({opacity:'1'},500); $('a').click(function(){ var pass = $(this).attr("href"); $('#wrapper').animate({opacity:'0'},5,function(){ location.href = pass; }); return false; }); });
HTML・・・コンテンツをwrapperで囲ってください
<html> <head></head> <body> <div id="wrapper"> コンテンツ </div> </body> </html>