kojilow Blog | ページ遷移時にフェードイン・フェードアウト

Re:designのサイトで設置した、jQueryを使用してページ遷移時にフェードイン・フェードアウトさせる方法 //インラインCSSで#wrapper{display;block;}を追加 $(‘head’).append(‘<style type=”text/css”>#wrapper{display;none;}</style>’); $(function(){ //読み込み時にフェードイン $(‘#wrapper’).fadeIn(1000); //aタグクリック時にフェードアウト実行 $(‘#navi a, a.windowFade’).click(function(){ var url = $(this).attr(“href”); $(‘#wrapper’).animate({“opacity”:0},1000,function(){ location.href = url;

[fnma]

フェードインフェードアウト

[lingling_yas]

“#fade { position:absolute; /* ie6 */ position:fixed; top: 0; left: 0; width: 100%; height: 100%; background: #fff; }”

[sima-box]

ページの読み込み時にフェードイン

[ichigaya555]

参考：

[kulamochi]

シングルクォートが全角。あとheadにappendしてるCSSのプロパティ名と値の区切りが違う。セミコロン（;）じゃなくてコロン（:）でお願いします。

[lowtime]

js フェードインフェードアウト

[vanillate]

[for:@twitter][d]ページ遷移時にフェードイン・フェードアウト « kojilow Blog

[iteru]

ページ遷移フェード