ventanas emergentes en minipantalla al pasar el mouse sobre

Question

Para ser honesto, no sé cómo formular esta pregunta.:/

Pero estoy tratando de conseguir el siguiente efecto:

http://zack.scudstorm.com/example.png

Me preguntaba si alguien aquí podría ayudarme a descubrir cómo lograr este efecto como se ve en la imagen.:/

El efecto, como se ve en la imagen, es que cuando paso el cursor sobre una imagen, o cualquier cosa a la que vincule el evento "onmouseover", se muestra una "ventana emergente" que muestra texto y otra información que pueda necesitar mostrar.

¡Gracias de antemano!
-Zack

PDPerdón que el ejemplo sea de WoW;es lo único que se me ocurre al intentar describir este efecto.

Answer 1

Aquí hay un pseudocódigo para comenzar:

vincular el evento del mouseover al enlace - en jquery: $('a.popup').mouseover(function(){ /* code here */ });

en el caso de encontrar la posición del mouse
cree (o use un div ya creado) para guardar su información
coloque div en el elemento del cuerpo directamente para que pueda posicionarlo absolutamente
use la posición del mouse que encontró anteriormente para colocar su div en el mouse (o en relación con el mouse)

vincular el evento del mouse hacia afuera para vincular
en el caso de ocultar el div de información absolutamente posicionado

aplicar bonitos estilos en la hoja de estilo :)

Eso es todo al respecto.No es tan difícil: si estás usando jquery, todo esto está en los documentos.

Espero que esto ayude

Answer 2

Salida cualquiera de los muchos plugins jQuery información sobre herramientas.

QTIP parece ser bastante bueno.

Answer 3

MooTools tiene algunos buenos consejos ratón también:

MooTools docs: Consejos Clase

demo / tutorial