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. Footnoted

    JavaScript

    脚注(注釈)を入れたい時に役立つjQueryプラグイン「Footnoted」

    FootnotedというjQueryプラグインは文章の中に脚注(注釈)…

  2. zelect

    JavaScript

    セレクトボックスをカスタマイズして使いやすくしてくれる「zelect」

    zelectはセレクトボックスをユーザーが使いやすくなるようにカスタマ…

  3. jQuery Slideout Menu

    JavaScript

    スライドしてメニュー表示できるjQueryプラグイン「jQuery Slideout Menu」

    jQuery Slideout Menuはメニューをスライドして表示さ…

  4. SmartPhoto.js

    JavaScript

    レスポンシブなイメージビューアを実装できる「SmartPhoto.js」

    SmartPhoto.jsは、レスポンシブに対応したかっこいいイメージ…

  5. ToProgress

    JavaScript

    画面上部に軽量なプログレスバーを実装できる「ToProgress」

    ToProgressは画面上部にシンプルで軽量なプログレスバーを実装で…

  6. jQuery Timespace

    JavaScript

    四方にドラッグ移動できる水平タイムライン実装「jQuery Timespace」

    jQuery Timespaceは上下左右と四方にドラッグ移動できる水…

最近の記事

  1. スターバックス ハウスブレンド
  2. Anker PowerHouse 100
  3. ミニミニ温度計(シルバー)

アーカイブ

PAGE TOP