animateClick

JavaScript

ボタンクリック時にアニメーションをつけれる「animateClick」

animateClickはボタンをクリックしたときにアニメーションをつけることができるjQueryプラグインです。ちょっとしたアクセントになるのはもちろん、チェックをつける動きのアニメーションやバツ印を表示するアニメーションなどもあり、アニメーションがあることでクリック時の反応も理解しやすくなるのがいいですね。

animateClick

デモ

  • Default
  • signal
  • shoot
  • tick
  • cross

tickではチェックマークを入れるアニメーションが表示されます。crossではバツ印を表示します。どのアニメーションも独自の特徴を持っているので、気になる方は是非チェックしてみてください。

ちなみにアニメーションはオプションのanimationという項目から指定できます。

ほかにもカラーやサイズを設定できるオプションも用意されているので、ちょっとしたカスタマイズも可能です。

というわけで、ボタンをクリックしたときにアニメーションを加えることができるjQueryプラグイン「animateClick」のご紹介でした。

animateClick

サンディスク エクストリーム900 ポータブルSSD最大1.92TBのサンディスク エクストリーム900 ポータブルSSD前のページ

インタラクティブなライティングエフェクトを実装できる「normalmap.js」次のページnormalmap.js

関連記事

  1. Letter Drop

    JavaScript

    雨のように文字が落ちてくるアニメーションのjQueryプラグイン「Letter Drop」

    Letter DropというjQueryプラグインを使えば、雨のように…

  2. no-image

    JavaScript

    カスタマイズもできるダイナミックなコンタクトフォーム「Swyft Callback」

    Swyft Callbackはカスタマイズもできるダイナミックで美しい…

  3. notie.js

    JavaScript

    クリーンでシンプルな通知を表示できる「notie.js」

    notie.jsはクリーンでシンプルな通知を表示できるJSプラグインで…

  4. tingle.js

    JavaScript

    シンプルで手軽に実装できるモーダルウィンドウ「tingle.js」

    tingle.jsは、シンプルなモーダルウィンドウを実装できるスクリプ…

  5. Captall

    JavaScript

    画像やDOM要素の上にキャプションを表示することができるjQueryプラグイン「Captall」

    CaptallというjQueryプラグインを使えば、画像や設定したDO…

最近の記事

  1. α7C + FE28-60mm F4-5.6
  2. Apple Watch Series 6
  3. iPad Air
  4. 宇治抹茶ケーキとカフェアメリカーノ

アーカイブ

PAGE TOP