2013
09/10

アニメーションの一時停止と再生を超簡単に実装するプラグイン[jquery.pause.js]

jQueryによるアニメーションを途中で一時停止させる方法を探していたところ、jquery.pause.jsという素晴らしいプラグインを発見しました。
ものすごく簡単にアニメーションの一時停止と再開を実装することができます。簡単すぎてびっくりしました。

自力で実装しようとして残り時間や残り移動距離を計算するために「速さ=距離/時間」という懐かしい計算式を調べたりしてました。

DEMO

ADs

HTML

jQueryとjquery.pause.jsを読み込みます。

Javascript

アニメーションが実行されているオブジェクトに対して、pause()というメソッドを渡せば停止することが出来ます。
再開させる場合はresume()です。

以前作ったInfinite Slideというプラグインにも使用し、マウスオーバーでアニメーションが停止できるようにしてみましたので、よろしければご利用ください。

ADs

Post Comments

メールアドレスが公開されることはありません。

Comments

コメントはまだありません。