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; }); });