今回はjQueryのanimateを使って、要素をアニメーションさせる方法を試してみようと思います。 本当はCSSのアニメーションだけで済めば良いのですが、特にIEを考えると難しいところです。そこでjQueryを使っての基本的な方法をおさらいしておきたいと思います。 書き方 まずanimateの書き方ですが、このような感じ。 animate(params, [duration], [easing], [complete]); animate(params, options); 2通りありどちらの書き方でも動きます。 1つめの書き方はそれぞれ引数を指定する方法で、2つめは連想配列で指定できるようになっています。今回は2つ目の連想配列の方法で説明していきます。 params ここには、アニメーションさせたいスタイルを書きます。 $('#btn01').click(function(){ $('
![jQueryのanimateを使ったアニメーション](https://cdn-ak-scissors.b.st-hatena.com/image/square/f418c5b8e896aa5065e99d70c900e8296d7aeb9f/height=288;version=1;width=512/https%3A%2F%2Fwebdrawer.net%2Fwp%2Fwp-content%2Fuploads%2F2020%2F10%2Fthm.jpg)