Cita:
Iniciado por Perr0 
esos se llaman tooltips
para ello necesitas:
- un div.
- una imagen con la forma que necesitas, cargada como backgroun-image en el div con los respectivos height ywidth.
- tenerlo con un z-index:9999 por ejemplo.
- con el onmouseover y onmouseout puedes crearlo y quitarlo con DOM o simplemente cargarlo con display:none y luego jugar con display:block y none.
se me debe haber olvidado algo, peor en realidad es mas simple,
ojo, el ajax que sale en algunos ejemplos no es completamente necesario.
aqui un
ejemplo
y como
usarlo
aquí estan las imagenes usadas para este tooltips.
descargar.
es mas entretenido desarrollarlo pero tu verás.
salu2
No me funciona, nose por que...
EDITO:
No me funciona ponerle un video de youtube al tooltip
Código:
<a href="#" onmouseover="showToolTip(event,'
<iframe title="YouTube video player" width="480" height="390" src="" frameborder="0" allowfullscreen></iframe>');return false"
onmouseout="hideToolTip()"><img src="templates/juice/images/2e_juice_04.gif"
border="0" alt="" /></a>