ギャリーサイトで見つけた名古屋のデザイン会社さまのWebサイト。 鞍知 on 鞍知[クラッチ オン クラッチ] デザインもクリーンで良い感じなのですが、特に良いと思ったのがページ変遷のときのアニメーション。リンクをクリックするとページがフェードアウトし、ローディング画像が表示、そしてリンク先のページがフェードインしてきます。これがとても気持ち良い。 ということで、このブログにも軽く実装してみたので、その方法をご紹介。 jQueryのanimate関数を使って実装します(てことでjQuery本体も読み込んでくださいね)。下記のコードをhead内にコピペでいけるかと思います。 // まずbodyを非表示に jQuery('head').append( '<style type="text/css">body{display:none;}</style>'); jQuery( function(
![フェードイン・フェードアウトを用いた気持ち良いページ変遷を実現する方法](https://cdn-ak-scissors.b.st-hatena.com/image/square/9f942e9fb93bd6fd6affcedfc525ad3b3d7c7682/height=288;version=1;width=512/https%3A%2F%2F2inc.org%2Fwp-content%2Fuploads%2F2012%2F05%2Fcluch.jpg)