como se hace este efecto.

[Kurozaki]

Hola amigos.
veran en esta pagina: http://animeid.com/anime/giant-killing.html

En la "barra del menu", a un lado del cuadro de "Busqueda"
hay dos iconos de twitter y facebook.

Al hacerle un hover, al pasarle el mause, sale algo como en los links, Pero se ve mas bien.

Si se fijan, sale en un recuadro negro (siguenos en facebook)

Quisiera saber como se hace eso, o como se llama para googlearlo.
Saludos y Gracias :)

[versinlimites]

Se hace usando el plugin de jquery Tipsy...

Pagina del plugin: http://plugins.jquery.com/project/tipsy
Documentacion y Demos : http://onehackoranother.com/projects/jquery/tipsy/

Saludos, espero que te sirva.

[sanxuan]

Otro posibilidad es crear un div que ocultamos con la propiedad CSS visibility:hidden.
Mediante la pseudo-clase :hover mostramos este div cambiando de nuevo la visibilidad de esta capa mediante visibility:visible.
De esta manera no se utiliza JavaScript, sólo CSS.
Puede requerir de algún contenedor adicional para evitar incluir etiquetas div dentro del enlace, pero funciona seguro.

[danneg]

apoyo la idea de tipsy, ya que se puede usar para sustituir por completo los titulos feos, ademas que las capas se crean dentro de ejecucion y antes de jecutar, eso reduce peso y tiempo

si solo fuese utilizar esos dos elementos, apoyo lo del css