[jQuery]animateのeasingについて

jQuery日本語リファレンスのanimateメソッドの部分を読んでいると、第三引数に「easing」という言葉がでてきます。

で、これを設定してもうまくうごかない。。。

なぜだろうーっと考えていたら、どうやら、別のpluginを用意しないといけないようだ。

jQuery Easing Plugin (version 1.3)

で紹介されているJSを使って↓のように実装すれば、無事に動かすことができるようになりそうだ。

<script src="./jquery.easing.1.3.js"></script> <div style="position:absolute;width:100px;height:100px;border:solid 1px red;left:0;" > </div> <script> setTimeout(function(){ $('div').animate({ left:'100px' },1000,'easeOutExpo'); },1000); </script>