Protip

JavaScript

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

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

Protip

Protip

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

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

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

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

関連記事

  1. Letter by Letter JS

    JavaScript

    美しいフェードでテキストが徐々に表示されていく「Letter by Letter JS」

    Letter by Letter JSは美しいフェードでテキストを徐々…

  2. no-image

    JavaScript

    シンプル・軽量なjQueryイメージビューア「WimmViewer」

    WimmViewerはシンプルで軽量なイメージビューアを実装できるjQ…

  3. Changing Background Color while scrolling
  4. Navigation

    JavaScript

    コンテンツを押し出してナビゲーションを表示する「Navigation」

    Navigationはコンテンツを押し出すかたちでナビゲーションを表示…

  5. jquery-time-slider

    JavaScript

    時間と日付を選択できる「jquery-time-slider」

    jquery-time-sliderは時間と日付を選択できるjQuer…

  6. no-image

    JavaScript

    軽量・高速でレスポンシブ対応のjQueryスライダー「partialViewSlider」

    partialViewSliderは左右にスライドする軽量・高速でレス…

最近の記事

  1. 田沢湖
  2. ハクバ シリコンクロス
  3. トライポッドスリーブ
  4. レンズペン3 ミニプロとレンズペン ELITE マイクロプロ

Instagram始めました

Facebookページ

PAGE TOP