jQueryの連続アニメーション

jQueryの連続アニメーション、例えば

上に30px動いたあと、下に30px動いてもとに戻る。

といった表現はメソッドチェーンを使うことで実現できるようだ。

      (function arrow_animation() {

        $(".first .footer .arrow")

        .animate({

            marginTop : 5

        }, 600)

        .animate({

            marginTop : 0

        }, 600, function() {

            arrow_animation();

        });

      }());

メソッドチェーンによってそれぞれの動きをつなぎ合わせ、最後に自分の関数を呼び戻すことでループさせる。それら全体の関数は無名関数として実行させる。これでいけるようだ。

明日実験してみる。