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

画像やテキストなどの要素をマウスの位置に応じて動かす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「Levitation jQuery plugin」サンプル

sponsors

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

記事作成:
記事URL:

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