マウスオーバーしたときに出現するツールチップ、その対象物の内容を説明したり、補足的なデータを表示したりとユーザーインターフェイスを向上させてくれるテクニックの一つです。今日紹介するのは利用しやすい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
(57)
(0)
(7)
Total: 67
