動きのある静的なサイトを作りたい。
そんなときに参考になるのが、『G2』。jQueryでアニメーションさせたレストランのサイトです。
ロード時に、ロゴが上から落ちてきてぼよーんとなりますが、「jquery.rotate.js」を使ってアニメーションしているようですね。フェードインの動きは、「g2geogeske.js」の中にシンプルに書かれています。ちょっとフェードするだけでも気持ちいいですね。
画像には透過PNGが使われていますが、「DD_belatedPNG」を使ってIE6へ対応させています。
背景にぼけた画像が使われていて、フォントの大きさにメリハリがあっていいですね。さりげなく使われているテクスチャもいい感じです。
一度見てみてください。
今日のCREAMU
さてと週末！仕事を残してしまったけど明日がんばる。今日はディズニーランドに行ってきます。何年ぶりだろう。楽しみ。
関連するエントリー
- jQueryを使ったストレッチする背景画像
- かっこいいイメージスライダー集
- フォーム周りに使えるjQueryプラグイン50
- jQueryを使った、動きのあるナビゲーションメニューチュートリアル集
- Windows7のような透過ウィンドウを実現するjQueryプラグイン
