qTip - The jQuery tooltip plugin - Documentation - (Current beta: 1.0.0-beta1)

スタイリッシュでカスタマイズ性のあるツールチップjQueryプラグイン「qTip」。
またまた便利そうなツールチップが出てきました。



$('p').qtip({  .... }); のように呼び出すだけで、簡単にツールチップが埋め込めます。
ツールチップの表示タイミングも、show, hide オプションで指定するだけで簡単に変更可能です。

$('p#test').qtip({
    content: 'hi! i am tooltip', 
    show: 'mouseover',
    hide: 'mouseout'
});

吹き出しの位置も、qtip メソッドのオプションとして指定してあげれば簡単に設定可能。


カラーリングも自由自在。


何より、ドキュメントが充実しているのがいいですね。qTipドキュメント

クロスブラウザで以下のブラウザに対応している模様。


関連エントリ

• JavaScriptを使わずCSSのみでシンプルなツールチップ実装
• GoogleマップやFacebook風など、自由にカスタマイズできるツールチップ「BeautyTips」
• アニメーションする2KBの軽量ツールチップJS