to pagetop
:)
spec5zigen Creator's Lab.

    jQueryのanimateのstop&playをいい感じに処理したい

  • 2014.4.4
  • ,
  • Tetsuyoshi Gotou

こんにちは。制作部プログラマーの後藤です。
プログラマーなんだけど最近業務フローの改善をいろいろ上流工程から考えてるんですけど、なかなかうまくいかないですねー。
そんなことよりもっとクリエイティブなことに没頭したいんですが、そうもいかないのが会社ってもんです。

今日はちょっと勉強がてら作ったソースをメモ書き程度に公開するだけなのでご了承を。

とある方にもらったお題で、jQueryのanimateで別々のオブジェクトのアニメーションを一括でstop&playで制御したいとのこと。
なんか簡単そうに思えてjQueryのanimateを調べてたら割りとドツボにハマって結果以下の様な感じに、、、。

Coffeeで書いてますよ。
で、以下の様な感じで使います。

デモ

イージングを弄りたければjquery.easingを使っていい感じにしてあげれば簡単に実装できそう。

とまぁ今回はさらっとこんな感じで。

もっといい方法あるよ!とかココ間違ってるよ!とかあればtwitterで @Nyarineko 宛にコメントもらえると喜びます。