アンカーにマウスオーバーして吹き出しを表示させたい

http://english.chakin.com/

のように、あるリンクにマウスオーバーすると、
それの吹き出し（注釈？）が、ちょっと右下に表示されるようにするには、
どうやってJS/CSSをくめばいいのでしょうか？

なお、それについて書いてあるページをご存じでしたら、
それもお教え頂ければ幸いです。

以上、よろしくお願い申し上げます。

No.1 ベストアンサー 回答者： fujillin 回答日時： 2011/12/06 12:42

＞どうやってJS/CSSをくめばいいのでしょうか？

ソースを見ればわかりますが、吹き出しの部分はあらかじめposition:absoluteにして斜め下に表示されるように位置設定してあります。（親要素をposiiton:relativeで表示）
初期状態はdisplay:noneで非表示にしておいて、マウスのオン/オフに応じてjavascriptで吹き出し部分の表示/非表示を切替えています。


サンプルは、ご提示のページのCSSとスクリプトがそのままだといえますが、以下も多少は参考になるかも。
http://allabout.co.jp/gm/gc/23973/
http://www.syboos.jp/webjs/doc/visible-or-hidden …
http://www.kanaya440.com/contents/tips/javascrip …

No.2 回答者： noname#147388 回答日時： 2011/12/06 12:43

該当ページのソースをみてください。