ページや要素をマウス位置に応じて動かすJavaScript「Levitation jQuery plugin」

画像やテキストなどの要素をマウスの位置に応じて動かすJavaScript「Levitation jQuery plugin」です。
これをうまく利用すると奥行き感などを表現でき、面白い効果を与えられそうです。

使用方法

Levitation jQuery pluginからjquery.levitation.jsをjQueryからjquery.jsをダウロードします。


<script type="text/javascript" src="jquery-1.4.2.min.js"></script>	
<script type="text/javascript" src="jquery.levitation.js"></script>
<script>
$(function(){
	$('.class名').levitation(
		30, 30, 20 // x ,y ,z軸
	);
});
</script>

上記数値のx,yは初期の絶対位置、zは動きの範囲となります。
あとは要素にclassをふれば完成です。
<p class="class名">動け！</p>

サンプル

ね？
Javascriptサンプルページ一覧

skuare.net