動きのある静的なサイトを作りたい。
そんなときに参考になるのが、『G2』。jQueryでアニメーションさせたレストランのサイトです。
ロード時に、ロゴが上から落ちてきてぼよーんとなりますが、「jquery.rotate.js」を使ってアニメーションしているようですね。フェードインの動きは、「g2geogeske.js」の中にシンプルに書かれています。ちょっとフェードするだけでも気持ちいいですね。
画像には透過PNGが使われていますが、「DD_belatedPNG」を使ってIE6へ対応させています。
背景にぼけた画像が使われていて、フォントの大きさにメリハリがあっていいですね。さりげなく使われているテクスチャもいい感じです。
一度見てみてください。