2014/05/02

[jQuery]jqFloat.jsプラグイン

PHPSPOTで紹介されていたjqFloat.js

導入がとっても簡単だったので、方法を書いていきたいと思います。
(公式マニュアルはこちらです。)

ちなみにデモページもあります。
(気球が浮いたり、かたつむりが動いたりとなど)

<script src="jquery.min.js"></script>
<script src="jqfloat.js"></script>
<script>
$('this is jQuery Object').jqFloat();
</script>
たったのこれだけでフローティング効果を得ることができます。

動的に、停止したり、動かしたりするときは、
<script src="jquery.min.js"></script>
<script src="jqfloat.js"></script>
<script>
//動く
$('this is jQuery Object').jqFloat('play');
//停止
$('this is jQuery Object').jqFloat('stop');
</script>
パラメータをさらに追加することもできます。
<script src="jquery.min.js"></script>
<script src="jqfloat.js"></script>
<script>
$('this is jQuery Object').jqFloat('Play',{
    width:5,
    height:30,
    speed:1500,
    minHeight:300
});
</script>
めちゃくちゃ簡単にアニメーション効果を得ることができるので、一度、お試しあれ。

要望として、githubにもプログラムをアップしてほしいのだが。

0 コメント:

コメントを投稿