iQuery ページ遷移時のフェードイン、フェードアウト

javascript関連
2014年3月17日

ページの遷移時にフェードイン・アウトを行うscript。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
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;
  });
});