iQuery ページ遷移時のフェードイン、フェードアウト
2014年3月17日
ページの遷移時にフェードイン・アウトを行うscript。
jquery('head').append('<style type="text/css">#wrapp{display:none;}</style>');
jquery(function() {
// フェードインidを指定と表示速度ミリ秒
jquery('#wrapp').fadeIn(5000);
// ページ遷移時にフェードアウトさせるclickイベントの要素を指定。ここではli a
jquery('li a, a.windowFade').click(function() {
var url = $(this).attr("href");
// アニメーションで透過0になるまでフェードアウトさせる。速度ミリ秒
jquery('#wrapp').animate({"opacity": 0}, 1000, function() {
location.href = url;
});
return false;
});
});