@CyberMameCANです。
パララックスというものを以前から試したかったので、本日やってみました。
マウスに追従する動き、楽しいですね。

勉強に読ませていただいたサイト
マウスの動きに追従して奥行きのある背景移動をするjQueryプラグイン「jquery.parallax.js」

デモはこちら。

HTML

インクルードファイルです。

本体です。

JavaScriptもhtmlファイルの最後の方にでも記述します。

CSS

たったこれだけで出来てしまうなんて、素晴らしいです。
パラメータを変えたら、リアルな動きも出来そうですね。

いずれはこういうパララックスを生かしたサイトも作れるようになりたいな。


こういうブログもありました。

人気のあるブログ: