via 奥行きのあるシーンを実現できるjQueryのプラグイン『jParallax』 | IDEA*IDEA
これは素直にぶったまげた!!
webdev.stephband.info
名前からもお察しできると思いますが、jQueryのプラグインです。
画像を複数レイヤー重ね、マウスの動きで奥のレイヤーほど移動量を少なくすることで、あたかも立体的であるかのような表現が出来ます。
Flashなら比較的簡単に実現することが出来ますが、それをjavascriptで実現しちゃうなんて!!
注意点はFlashに比べて効率が悪いこと。
沢山のレイヤーと画像を読み込んで書き出さないといけないので、1つのファイルを読み込むだけで良いFlashに比べちゃうと劣りますが…サイト全体に適用しようと思えば出来るので、すごいかな。
サイトのロゴマーク程度に使用を抑えておけば格好いい表現が出来そうです。
