背景画像を動かすjQueryプラグイン「bgFlow」

わりとこだわった背景のデザインの場合、それに一手間加えるとさらに印象的になります。
その手段のひとつしてjQueryプラグインの[jQuery] bgFlow plugin | Le blog d'Hezadを紹介します。
これを利用するとカーソル位置に合わせて画像を動かすことが可能になります。

使用方法

[jQuery] bgFlow plugin | Le blog d'Hezadからファイル一式をダウンロードします。

<script type="text/javascript" src="jquery-1.4.2.min.js"></script>	
<script type="text/javascript" src="jquery.bgFlow.js"></script>
<script>
$(function(){
	$('.class名').bgFlow({
		image:'画像までのパス'
	});
});
</script>

上記を記述したら、以下のように書けば完成です。

<div class="class名"></div>

コンテンツ部分は透過させるとより印象的になるかもしれませんね。

サンプル

これです。
Javascriptサンプルページ一覧

skuare.net