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 コメント:
コメントを投稿