マウスオーバーしたときに出現するツールチップ、その対象物の内容を説明したり、補足的なデータを表示したりとユーザーインターフェイスを向上させてくれるテクニックの一つです。今日紹介するのは利用しやすいjQueryで作るツールチップを集めた「25 Useful jQuery Tooltip Plugins and Tutorials」です。

qTip – The jQuery Tooltip Plugin

吹き出しタイプやフェードタイプなど様々なもの集められていますが、今回はそのなかからいくつか気になったツールチップをピックアップして紹介したいと思います。

詳しくは以下

■Prototip 2 – Create Beautiful Tooltips with Ease
デザインが優れているツールチップ。吹き出しで分かりやすいです。

　
　
　
　
　
â– Coda Popup Bubbles
ファイルの配布等に適したツールチップリリース情報やリリースノート

　
　
　
　
　
â– jQuery (mb)Tooltip 1.6
シンプルで汎用性の高いツールチップデザイン重視の方も使いやすいかと思います。

ソースファイルもおのおのダウンロードできるようになっていますので、実装もスムーズに行なえるかと思います。デザインも多種多様なものが揃っていますので、幅広いサイトで利用する事ができるかと思います。もう少し分かりやすくしたかったと言う方は是非どうぞ。

25 Useful jQuery Tooltip Plugins and Tutorials