wg:Bubble Tooltips

Bubble Tooltips are an easy way to add (via a bit of CSS and javascript) fancy tooltips with a balloon shape to any web page.

吹き出し方式のツールチップテキスト作成JavaScriptライブラリ。

次のような吹き出し方式のツールチップテキストを作成できます。



次のようなJavascriptコードを書いておき、

<script type="text/javascript" src="BubbleTooltips.js"></script>
<script type="text/javascript">
window.onload=function(){enableTooltips()};
</script>

アンカー<a>タグのtitleに吹き出したい文字列を次のように書いておけばよいっぽいです。

<a href="http://pro.html.it/" title="Pro, the italian webdev portal I write for">Pro</a>

※当然、JavaScriptとCSSを読み込んでおく必要があります:-)