ホームページのリンクをポイントしたらバルーンが出るようにしたい

質問

ホームページのリンク(テキストか画像)をポイントしたら
バルーン(というのでしょうか？)が出るようにするには、
どうすればいいのでしょうか？

このサイト http://www.navitime.co.jp/ の
右下の「オススメ情報」の下の３つのリンクを
ポイントしたときのように、ポイントを外すまで表示し続けたいです。
この↓やり方ではしばらく経つとバルーンが消えてしまいます・・・
<a href="xxx.html" title="XXX へ">XXX</a>

ご存知の方がおられましたらよろしくお願いします。

回答No.1

めとろいと（@naktak）

ソースそのままです。

<a href="test.html" onmouseover="document.getElementById('10001').style.display='block';" onmouseout="document.getElementById('10001').style.display='none';">Test</a><br>
<div id="10001" style="background:FFFFDD; padding:3px; border:1px solid #888833; position:absolute; display:none">
testestestestest<br>
</div>

お礼

返事が遅くなり申し訳ありません。
頂いたコードですが、すみません、ちょっとイメージが違っていました。
でもありがとうございました。