JavaScript

いろんなデザインのツールチップを実装できる「Opentip」

Opentipはいろんなデザインのツールチップを実装することができるJavaScriptフレームワークです。アラートスタイルやダークスタイル、または吹き出しデザインなど様々な種類のツールチップがあります。

Opentip

以下からOpentipの実際のデモをチェックすることができます。

Opentip

デモ

こんな感じで、drop、Dark style、Alert style、Normal style、Glass styleなどいろんなデザインのツールチップがあります。

いろんなデザインのツールチップ

吹き出しデザインもたくさんあり、表示される位置を指定することもできるのでとても便利ですね。

他にもAjaxに対応していたりと役立つ機能も兼ね備えているので、ツールチップを実装したい時には選択肢の一つとして覚えておきたいところです。

Opentip

関連記事

  1. okzoom

    JavaScript

    レンズで拡大するように画像の細部をマウスオーバーでズームできる「okzoom」

    okzoomは画像細部をマウスオーバーでズームすることができるjQue…

  2. FrameScrub
  3. jQueryを使わないコード集

    JavaScript

    jQueryを使わないでコードを書くTips集

    jQueryを使えば簡単にできることがたくさんあるんですが、ちょっとし…

  4. Stretchy Navigation

    JavaScript

    ナビゲーションメニューが伸び縮みする「Stretchy Navigation」

    Stretchy Navigationはクリック、タップをすることで伸…

  5. Inspiration for Letter Effects

    JavaScript

    印象的なテキストエフェクトを実装する「Inspiration for Letter Effects」…

    anime.jsを活用した、印象的でとってもかっこいいテキストエフェク…

最近の記事

  1. mill オイルヒーター
  2. Anker PowerWave 10 Pad & Stand セット

アーカイブ

PAGE TOP