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