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

質問

http://english.chakin.com/

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

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

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

回答No.1

fujillin · ベストアンサー

＞どうやって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-element-sample.html
http://www.kanaya440.com/contents/tips/javascript/012.html

回答No.2

noname#147388

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