Link con "explicaciones"

Se ha creado el script en cuestión para mostrar un link con una explicación de su contenido y otro con un desplegable de contenido. Y yo creo que puede utilizarse también como tabla de etiquetas.
Al pasar el ratón por el primer link, se despliega una "explicación" de su contenido. Al pasar el ratón por el segundo link, se despliegan sus contenidos.

En fín. Lo que he hecho ha sido aplicar dos códigos que presenta dynamicdrive para incluir dentro del "head", el primero; y dentro del "body", el segundo.
Para variar, yo he preferido insertarlo en el HTML-Java de "Agregar un Elemento de Página".

Y aquí van los códigos:

I

<style type="text/css"><br /><br />#dhtmlfloatie{<br />position: absolute;<br />left: 0;<br />left: -900px;<br />filter:alpha(opacity=0);<br />-moz-opacity:0;<br />border: 2px solid black;<br />padding: 5px;<br />z-index: 100;<br />}<br /><br /></style><br /><br /><script type="text/javascript"><br /><br />/***********************************************<br />* Link Floatie script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)<br />* This notice MUST stay intact for legal use<br />* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code<br />***********************************************/<br /><br />var floattext=new Array()<br />floattext[0]='- <a href="http://www.javascriptkit.com/cutpastejava.shtml">Free JavaScripts</a><br>- <a href="http://www.javascriptkit.com/javaindex.shtml">JavaScript Tutorials</a><br>- <a href="http://www.javascriptkit.com/dhtmltutors/index.shtml">DHTML/ CSS Tutorials</a><br>- <a href="http://www.javascriptkit.com/jsref/">JavaScript Reference</a><br><div align="right"><a href="javascript:hidefloatie()">Hide Box</a></div>'<br />floattext[1]='Some other floatie text'<br /><br />var floatiewidth="250px" //default width of floatie in px<br />var floatieheight="60px" //default height of floatie in px. Set to "" to let floatie content dictate height.<br />var floatiebgcolor="lightyellow" //default bgcolor of floatie<br />var fadespeed=70 //speed of fade (5 or above). Smaller=faster.<br /><br />var baseopacity=0<br />function slowhigh(which2){<br />imgobj=which2<br />browserdetect=which2.filters? "ie" : typeof which2.style.MozOpacity=="string"? "mozilla" : ""<br />instantset(baseopacity)<br />highlighting=setInterval("gradualfade(imgobj)",fadespeed)<br />}<br /><br />function instantset(degree){<br />cleartimer()<br />if (browserdetect=="mozilla")<br />imgobj.style.MozOpacity=degree/100<br />else if (browserdetect=="ie")<br />imgobj.filters.alpha.opacity=degree<br />}<br /><br />function cleartimer(){<br />if (window.highlighting) clearInterval(highlighting)<br />}<br /><br />function gradualfade(cur2){<br />if (browserdetect=="mozilla" && cur2.style.MozOpacity<1)<br />cur2.style.MozOpacity=Math.min(parseFloat(cur2.style.MozOpacity)+0.1, 0.99)<br />else if (browserdetect=="ie" && cur2.filters.alpha.opacity<100)<br />cur2.filters.alpha.opacity+=10<br />else if (window.highlighting)<br />clearInterval(highlighting)<br />}<br /><br />function ietruebody(){<br />return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body<br />}<br /><br />function paramexists(what){<br />return(typeof what!="undefined" && what!="")<br />}<br /><br />function showfloatie(thetext, e, optbgColor, optWidth, optHeight){<br />var dsocx=(window.pageXOffset)? pageXOffset: ietruebody().scrollLeft;<br />var dsocy=(window.pageYOffset)? pageYOffset : ietruebody().scrollTop;<br />var floatobj=document.getElementById("dhtmlfloatie")<br />floatobj.style.left="-900px"<br />floatobj.style.display="block"<br />floatobj.style.backgroundColor=paramexists(optbgColor)? optbgColor : floatiebgcolor<br />floatobj.style.width=paramexists(optWidth)? optWidth+"px" : floatiewidth<br />floatobj.style.height=paramexists(optHeight)? optHeight+"px" : floatieheight!=""? floatieheight : ""<br />floatobj.innerHTML=thetext<br />var floatWidth=floatobj.offsetWidth>0? floatobj.offsetWidth : floatobj.style.width<br />var floatHeight=floatobj.offsetHeight>0? floatobj.offsetHeight : floatobj.style.width<br />var winWidth=document.all&&!window.opera? ietruebody().clientWidth : window.innerWidth-20<br />var winHeight=document.all&&!window.opera? ietruebody().clientHeight : window.innerHeight<br />e=window.event? window.event : e<br />floatobj.style.left=dsocx+winWidth-floatWidth-5+"px"<br />if (e.clientX>winWidth-floatWidth && e.clientY+20>winHeight-floatHeight)<br />floatobj.style.top=dsocy+5+"px"<br />else<br />floatobj.style.top=dsocy+winHeight-floatHeight-5+"px"<br />slowhigh(floatobj)<br />}<br /><br />function hidefloatie(){<br />var floatobj=document.getElementById("dhtmlfloatie")<br />floatobj.style.display="none"<br />}<br /><br /></script><br />

II

<div id="dhtmlfloatie" ></div><br /><br /><a href="#" onMouseover="showfloatie('Web coding and development forums. Get help on JavaScript, CGI, PHP, CSS, and more.', event)" onMouseout="hidefloatie()">Coding Forums</a> | <a href="#" onMouseover="showfloatie(floattext[0], event, '#D9FFD9', 250, 100)">JavaScript Kit</a><br />

Aviso: a mí me ha parecido más complicado que un peek-a-boo... será porque es la primera vez que experimento con "floaties".
Pd: Ya véis que he retocado el hack, para colocarlo sobre el título, a modo de menú: lo único que hice (además de cambiar los items y sus enlaces)fue colocarlos juntos en la plantilla expandida, justo antes del cierre de skin.