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

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

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

DEMO

AD

HTML

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

Javascript

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

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

AD

Share

Commentsコメント

メールアドレスは公開されません。コメントは必ずご入力ください。

HTMLタグは使用できません。ソースコードを書き込みたい場合はCodetterGistCodePenなどのご利用が便利です。

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