Protip

JavaScript

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

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

Protip

Protip

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

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

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

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

関連記事

  1. no-image

    JavaScript

    カードを入れ替えるような3Dアニメーションによるスライダー「stack-slider」

    stack-sliderはカードを入れ替えるような3Dアニメーションに…

  2. Mini Previews

    JavaScript

    リンクにホバーするとプレビューが見れるjQueryプラグイン「Mini Previews」

    Mini Previewsは指定したリンクにホバーするとリンク先のプレ…

  3. Before and after slider
  4. Shuffle Letters

    JavaScript

    テキストをカシャカシャとシャッフルさせて表示していくjQueryプラグイン「Shuffle Lett…

    テキストをカシャカシャとシャッフルさせて表示していくjQueryプラグ…

  5. FlexNav

    JavaScript

    見た目もシンプルでレスポンシブ対応のナビゲーションメニューを実装できるjQueryプラグイン「Fle…

    シンプルなデザインでレスポンシブにも対応したナビゲーションメニューを実…

  6. SweetAlert

最近の記事

  1. ワンタッチ着脱フィルターキット
  2. Soundcore Ace A1
  3. cheero USB-C PD Charger 60W
  4. DY-S01

アーカイブ

PAGE TOP