display link information above the link

[tete]

Hallo,

ich suche nun schon ewig nach einem guten Javascript Beispiel, dass wenn man die Maus über einen Link bewegt eine Information über dem Link (und der HTML Seite) angezeigt bekommt, z.B. in Form einer Sprechblase oder einem sonstigen Fenster, dass sich über der normalen HTML Seite öffnet und nicht aussieht wie ein neues Browserfenster oder einer alert Nachricht.

Code-Versuche:

HTML:
<a href="localhost" onMouseover="javascript:open_link_info('info_id',this,'hello world');" onMouseout="javascript:close_link_info('info_id');"> linkname </a>

Javascript:
function close_link_info(id){
     //Sprechblase schließen
     document.getElementById(id).style.visibility = "hidden";???
}
function open_link_info(id,link_id,msg){
     //Position des Links feststellen und Position für die Sprechblase ermitteln
     document.getElementById(id).style.right = 20;???
     document.getElementById(id).style.top = 10;???
     //Informationsinhalt der Sprechblase setzen
     document.getElementById(id).firstChild.nodeValue = msg;???
     //Sprechblase öffnen und anzeigen
     document.getElementById(id).style.visibility = "visible";???
}

Ich wäre euch sehr dankbar, wenn mir jemand mitteilen könnte wie ich dieses realisieren könnte oder wo ich ein gutes Beispiel dazu finden könnte.

Danke schon mal vorab