リンクに説明を表示してくれるJavaScript （Bubble Tooltips）

ブログやサイトを見ていると、文章中にリンクが張られているのだが、クリックしてみたら興味の無いページに飛んでしまった事など無いだろうか？

あらかじめリンク先の事が少しでも分かれば、便利なのに。
コンテンツ作成側で少し配慮してあげれば、ユーザビリティーの向上と共にリピーター確保につながる。JavaScriptでツールチップの導入を楽にしてくれるのが、Bubble Tooltips。

導入は簡単、下記の記述をページヘッダに記述する。

Tooltipを表示したい対象を　id="content" で指定すると、要素の中の<a が対象になる。

<a href="xxx.html" title="表示したい説明文">
このようにtitleを指定すると、説明文として表示してくれる。

Tooltipで利用されるスタイルCSS（bt.css）がサンプルに付属しているので、こちらもページに直接記述するかヘッダで読み込ませてあげる必要があります。

配布もとのサイトはイタリア語ですが、英語に翻訳されたページもあります。サンプルのHTMLも付属しているので、試してみてください。