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