jQuery Plugin: TinyTips 1.0 | Mike Merritt | Digital Inferno

画像付きのオシャレなツールチップを実装できるjQueryプラグイン「TinyTips」。
TinyTipsを使えば、リンクにカーソルを合わせると次のように半透明がかかった感じで画像が入ったクールなツールチップが簡単に実装できます。



実装は次のように簡単に出来ます。

まず、<a>タグのtitleをツールチップとして使うには、tinyTipsメソッドの引数にtitleをわたします
$(element).tinyTips('title');

タグを入れたい場合は次のように引数にそのままタグを入れてあげればOKです。
$(element).tinyTips('<img src="images/demo-image.jpg" /><br />You can even put images or any other markup in the tooltips.');

関連エントリ

• ナビゲーションのUIはこれで完璧かもなjQueryプラグイン集
• これは面白い！jQueryでバーコードを描けるプラグイン「jQuery BARCODE」
• これは注目！jQueryでExtばりにリッチなＵＩが実装できる「jQuery Ribbon」