animateClick

JavaScript

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

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

animateClick

デモ

  • Default
  • signal
  • shoot
  • tick
  • cross

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

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

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

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

animateClick

関連記事

  1. CollagePlus

    JavaScript

    画像を綺麗に整列させるjQueryプラグイン「CollagePlus」

    画像を綺麗に整列させる便利なjQueryプラグイン「CollagePl…

  2. no-image

    JavaScript

    ミニマルなイメージギャラリーを実装できる「Albery」

    Alberyはミニマルなイメージギャラリーを実装できるjQueryプラ…

  3. floatThead

    JavaScript

    テーブルのヘッダーを固定できるjQueryプラグイン「floatThead」

    floatTheadはテーブルのヘッダーを固定することができるjQue…

  4. Albumize

    JavaScript

    アルバムみたいな画像コレクションのギャラリーを管理・実装できるjQueryプラグイン「Albumiz…

    Webページにある画像コレクションをアルバムのようなギャラリーに管理・…

  5. jquery.matchHeight.js
  6. jQuery LED

    JavaScript

    LEDディスプレイのようなカウントダウン・タイマー・時計を実装できる「jQuery LED」

    jQuery LEDは、LEDディスプレイで表示されるようなカウントダ…

最近の記事

  1. mill オイルヒーター
  2. Anker PowerWave 10 Pad & Stand セット

アーカイブ

PAGE TOP