jQueryの連続アニメーション
jQueryの連続アニメーション、例えば
上に30px動いたあと、下に30px動いてもとに戻る。
といった表現はメソッドチェーンを使うことで実現できるようだ。
(function arrow_animation() {
$(".first .footer .arrow")
.animate({
marginTop : 5
}, 600)
.animate({
marginTop : 0
}, 600, function() {
arrow_animation();
});
}());
メソッドチェーンによってそれぞれの動きをつなぎ合わせ、最後に自分の関数を呼び戻すことでループさせる。それら全体の関数は無名関数として実行させる。これでいけるようだ。
明日実験してみる。