bl6.jpホームニュースレビューお出かけアプリウェブサイトMacカメラレタッチTips雑記bl6.jpファッション、写真、旅行、ガジェットなどの備忘録menuホームJavaScriptボタンクリック時にアニメーションをつけれる「animateClick」JavaScript2016.03.28ボタンクリック時にアニメーションをつけれる「animateClick」animateClickはボタンをクリックしたときにアニメーションをつけることができるjQueryプラグインです。したアクセントになるのはもちろん、チェックをつける動きのアニメーションやバツ印を表示するアニメーションなどもあり、アニメーションがあることでクリック時の反応も理解しやすくなるのがいいですね。animateClick以下のページからanimateClickの実際のデモを確認できます。デモアニメーションには全部で5つの種類が用意されています。Defaultsignalshoottickcrosstickではチェックマークを入れるアニメーションが表示されます。crossではバツ印を表示します。どのアニメーションも独自の特徴を持っているので、気になる方は是非チェックしてみてください。ちなみにアニメーションはオプションのanimationという項目から指定できます。ほかにもカラーやサイズを設定できるオプションも用意されているので、ちょっとしたカスタマイズも可能です。いうわけで、ボタンをクリックしたときにアニメーションを加えることができるjQueryプラグイン「animateClick」のご紹介でした。animateClickの詳細は以下からどうぞ。UIプラグインによ...JavaScriptツリー型のサイドナビゲーションを実装できる「sidebar-nav」sidebar-navはツリー型でレスポンシブに対応したサイドナビゲー...JavaScript画像をズームできてギャラリーにもすることができるjQueryプラグイン「Zoomer」ZoomerというjQueryプラグインを使えば画像をズームさせる機能...検索:プロフィールbl6.jp心がときめく「モノ」や「コト」を中心に紹介しています。レビューや日記なんかも。TwitterFacebookInstagram最近の記事2020.02.20いつもの音楽をハイレゾ級で。ソニーの完全ワイヤレス...ソニーからハイレゾ級高音質と優れた接続性を備えた小型・軽量の完全ワイヤレスイヤホ...2020.02.19三色ボールペンの青と緑を「黒」に変えるいつも仕事で使っているジェットストリームの三色ボールペン(+シャーペン付き)。こ...2020.02.18成城石井オリジナルコーヒー豆「ブラジルイパネマ」アマゾンで買い物中に見つけた成城石井オリジナルコーヒー豆「ブラジルイパネマ」。...2020.02.17梅しば1年のどこかで無性にカリカリ梅を食べたくなる時期がある。