animateClickはボタンをクリックしたときにアニメーションをつけることができるjQueryプラグインです。ちょっとしたアクセントになるのはもちろん、チェックをつける動きのアニメーションやバツ印を表示するアニメーションなどもあり、アニメーションがあることでクリック時の反応も理解しやすくなるのがいいですね。
animateClick
以下のページからanimateClickの実際のデモを確認できます。
アニメーションには全部で5つの種類が用意されています。
- Default
- signal
- shoot
- tick
- cross
tickではチェックマークを入れるアニメーションが表示されます。crossではバツ印を表示します。どのアニメーションも独自の特徴を持っているので、気になる方は是非チェックしてみてください。
ちなみにアニメーションはオプションのanimationという項目から指定できます。
ほかにもカラーやサイズを設定できるオプションも用意されているので、ちょっとしたカスタマイズも可能です。
というわけで、ボタンをクリックしたときにアニメーションを加えることができるjQueryプラグイン「animateClick」のご紹介でした。
animateClickの詳細は以下からどうぞ。
