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

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

使用方法
[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>
コンテンツ部分は透過させるとより印象的になるかもしれませんね。

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

sponsors

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

記事作成:
記事URL:

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