このエントリーはjQuery Advent Calendar 2013向けに書いたものです。 西畑さんが募集していたので、こういうの初めてですが参加してみました。内容も軽めなのでお手柔らかに・・・。 jQuery の animate 関数でマイナーだけど強力なステップ関数についてご紹介したいと思います。 animate 関数は通常こういう書き方をするかと思います。 $("#hoge").animate "top": "+=10" , 1000, "easeInOutExpo", () -> console.log "Animation done" 少し冗長ですがこういう書き方もできます。上は下記のショートカット的記述なんですね。 $("#hoge").animate "top": "100px", { duration: 500 easing: 'easeOutExpo' complete