JavaScript

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

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

Opentip

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

Opentip

デモ

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

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

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

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

Opentip

カーソルから左の文章を削除するMacのテキストエディットでカーソルの左側にある文章を一気に削減するショートカットキー前のページ

Photoshopで表示する画像サイズを100%の大きさにするショートカットキー次のページ100%の大きさにするショートカットキー

関連記事

  1. no-image

    JavaScript

    超シンプルでオプションもわかりやすいjQueryスライダー「Free Simple Slider」

    Free Simple Sliderは、超シンプルで使い方も簡単なスラ…

  2. JavaScript

    円グラフ/折れ線グラフ/棒グラフを簡単に作れるjQueryプラグイン「Peity」

    個人的にかなり便利なプラグインを発見しました。円グラフ、折れ線グラフ、…

  3. Product comparison

    JavaScript

    製品などの比較に役立つjQueryプラグイン「Product comparison」

    Product comparisonは、いくつかの種類のものを比較する…

  4. jquery-confirm

    JavaScript

    アラートやダイアログなどさまざまな機能を実装できる「jquery-confirm」

    jquery-confirmはアラートやconfirm、ダイアログなど…

  5. jCorner

    JavaScript

    フラットデザインに合う紙をめくったエフェクトを実装できるjQueryプラグイン「jCorner」

    jCornerというjQueryプラグインを使ってみました。フラットデ…

  6. css3-mediaqueries-js

    JavaScript

    Media QueriesをIE8以下でも使えるようにするための「css3-mediaqueries…

    前回、Media Queriesの@mediaを使用したCSSをまとめ…

最近の記事

  1. 桜と太陽
  2. ベルボン Mシリーズ
  3. ネック冷却ファン NRF10
  4. Kindle 8GBモデル
  5. プロテクティングクロス PC-E2

アーカイブ

PAGE TOP