Protip

JavaScript

カスタマイズ性抜群のツールチップを実装できる「Protip」

Protipはカスタマイズ性が抜群のツールチップを実装することができるjQueryプラグインです。ツールチップの配置場所もかなり多く、細かい部分までデザインをカスタマイズさせることができます。

Protip

Protip

デモの横には設定項目を変更できるメニューが用意されています。設定値を変えるとデモにリアルタイムで反映されるので、どんな風のツールチップになるか瞬時に知ることができます。

ポジションを変えたり、アイコンをつけたり、サイズを変更したりといろんな設定を試せるようになっているのでとても便利ですね。

中でもアニメーションの種類がかなり豊富でビックリしました。バウンス、シェイク、フリップ、回転、スライドなど様々なアニメーションが用意されています。

というわけで、カスタマイズさせたツールチップを実装したい方は是非チェックしてみてください。

最大150枚の画像を一気にリサイズできる「Bulk Resize Photos」前のページ

多彩なアニメーションがいい!シンプルで使いやすいjQueryイメージカルーセル「Crosscover」次のページCrosscover

関連記事

  1. fineScroll bar

    JavaScript

    簡単に使えるスクロールバー実装「fineScroll bar」

    fineScroll barは簡単に使えるスクロールバーを実装できるj…

  2. FlexSlider

    JavaScript

    jQueryプラグインのレスポンシブな軽量スライダー「FLEXSLIDER」の使い方や設定方法

    すごくいいですね、これ。スマートフォンにも対応させたいスライダーを探し…

  3. jQueryプラグインのスライダー集

    JavaScript

    【jQueryプラグイン】素晴らしい機能が満載のスライダー集

    jQueryプラグインには様々な役立つ機能がありますが、中でも人気が高…

  4. no-image

    JavaScript

    シンプルで美しい軽量のjQueryモーダルウィンドウ「umodal」

    umodalはスッキリしたシンプルで美しいモーダルウィンドウを実装でき…

  5. AOS

    JavaScript

    スクロールに合わせていろんなアニメーションで表示できる「AOS」

    AOSはスクロールに合わせてフェードやフリップ、ズームなどのアニメーシ…

  6. jQuery Stick ‘em

    JavaScript

    スクロール時にその場所のコンテンツに応じたサイドバーが追従する「jQuery Stick ‘em」

    ちょっと使いどころがありそうなプラグインだったので使い方をメモしときま…

最近の記事

  1. Anker PowerWave Pad Alloy
  2. Anker Bolder LC30
  3. BG-R10

アーカイブ

PAGE TOP