画像等要素をDIV内でフワフワ動かすプラグインです。
指定した要素を、設定した数値の範囲で、webサイト内でランダムに動かします。
web制作の際にポップな演出をしたい時に役立ちます。
ユーザーのマシンパワーに依存するので、多用は避けた方が無難ですね。
クロスブラウザ対応で、IE7、8でも動作しました。
まずjQuery本体とプラグインをwebサイトに読み込みます。
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script src="js/jqfloat.js"></script>
要素を指定して、設定
$(document).ready(function() { $('object').jqFloat({ width: 100, height: 100, speed: 1000 }); });
要素の基準位置はcssのpositionとz-indexで指定。
ホームページ作成に何かと役立ちます。
ダウンロードはこちら
jqFloat | A Floating Effect with jQuery