Hola ¿Qué tal?

Primero debes de crear un estilo para el tooltip:

Código: [Seleccionar]

<style type="text/css">
#toolTipBox {
       display: none;
       padding: 5;
       font-size: 12px;
       border: black solid 1px;
       font-family: verdana;
       position: absolute;
       background-color: #ffd038;
       color: 000000;
}
</style>

Luego el código de JavaScript:

Código: [Seleccionar]

<script type="text/javascript">
var theObj="";
function toolTip(text,me) {
       theObj=me;
       theObj.onmousemove=updatePos;
       document.getElementById('toolTipBox').innerHTML=text;
       document.getElementById('toolTipBox').style.display="block";
       window.onscroll=updatePos;
}
function updatePos() {
       var ev=arguments[0]?arguments[0]:event;
       var x=ev.clientX;
       var y=ev.clientY;
       diffX=24;
       diffY=0;
       document.getElementById('toolTipBox').style.top  = y-2+diffY+document.body.scrollTop+ "px";
       document.getElementById('toolTipBox').style.left = x-2+diffX+document.body.scrollLeft+"px";
       theObj.onmouseout=hideMe;
}
function hideMe() {
       document.getElementById('toolTipBox').style.display="none";
}
</script>

Todo lo anterior, lo más apropiado es insertarlo dentro de la etiqueta . Una vez hecho esto unicamento nos resta utilizarlo en las imágenes que lo deseemos:

Código: [Seleccionar]

<div align="center">
<span id="toolTipBox" width="200"></span>
<img src="imagen001.jpg" width="237" height="197" border="0" onmouseover="toolTip('Mensaje que aparecera en el tooltip',this)"></div>

Espero que te sirva.

Hola, de esa forma el código es más simple :B sólo crea un archivo de texto con el nombre 'Style.css' e insertar el siguiente código:

Código: [Seleccionar]

a:hover {background:#ffffff; text-decoration:none;}
a.tooltip span {display:none; padding:2px 3px; margin-left:8px; width:130px;}
a.tooltip:hover span{display:inline; position:absolute; background:#ffffff; border:1px solid #cccccc; color:#6c6c6c;}
Faltaría poner el tooltip de esta manera:

Código: [Seleccionar]

<a class="tooltip" href="#">Texto del enlace<span>Escribe aquí el texto del tooltip</span></a>
Saludos

Prueba con esto:

Código: [Seleccionar]

<a class="tooltip">Texto <span>Escribe aquí el texto del tooltip</span></a>El único problema es que al pasar el mouse sobre el texto sale una línea disimulando ser un link, pero tranquilo. No lo es, además puedes cambiarlo en la css :B

Es lo mismo, si quieres lo puedes cambiar 0 - 1 son proporciones de líneas iguales.