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. Responsive Parallax Drag-slider With Transparent Letters
  2. no-image

    JavaScript

    いろんなズーム機能を実装できるjQueryプラグイン「xZoom」

    xZoomはいろんなズーム機能を実装することができるカスタマイズ性に優…

  3. jQuery Glow
  4. JavaScript

    jQueryの基本的なセレクターを適当に試してみる

    自分の勉強用としてちょっと適当に試してみました。jQueryの基本のセ…

  5. JavaScript

    テキストを中央に向かうにつれて大きくしたりできるjQueryプラグイン「jqIsoText」

    結構おもしろかったのでメモしときます。テキストに簡単なエフェクトをかけ…

最近の記事

  1. ハンガリー産 純粋アカシアはちみつ
  2. COMOLI ダブルレイヤー L/Sクルー
  3. メキシコ オアハカ
  4. ドリップ
  5. チェリー

アーカイブ

PAGE TOP