2010-11-02 18 views
5

En algunas páginas web, cuando dejamos el cursor del mouse sobre algunas palabras (por ejemplo, algunos nombres de estrellas de cine populares) en la página web, aparecerá un cuadro emergente cerca de las palabras, que muestra imágenes relacionadas para la estrella del movimiento, un breve resumen de la estrella de cine y el enlace de Twitter relacionado para esta estrella de cine. Luego podemos mover el mouse en las ventanas emergentes para hacer clic en la imagen o en el enlace de Twitter.javascript pop-up window

Cuando el cursor del mouse sale de dicha ventana emergente, la ventana emergente desaparecerá automáticamente.

¿Existe algún código listo para usar para implementar tal efecto?

BTW: Recuerdo que algunos sitios web tienen alguna palabra clave de subrayado, y cuando el mouse se mueve sobre dichas palabras clave, aparecerá una ventana relacionada de Ads alrededor de la palabra clave. Este es el efecto que estoy buscando en esta pregunta.

gracias de antemano, George

+1

¿Qué estás preguntando? No veo ningún signo de interrogación –

+1

¿cuál es la pregunta exactamente? ¿Cómo implementar esto? Hay muchas formas ... – Alex

+0

Lo siento Josh, mi error. Esto es lo que estoy preguntando: "¿Existe algún código listo para usar para implementar tal efecto?". – George2

Respuesta

4

Mira [HERRAMIENTAS jQuery] [1] - la información sobre herramientas.

[1]: http://flowplayer.org/tools/index.html jQuery Herramientas

+1

+ 1 para jQuery. :) – Alex

+0

¿Qué componente o más enlace detallado para las herramientas de jQuery debo usar para implementar el efecto que estoy buscando? – George2

+0

Hola Alex, ¿qué componente de las herramientas jQuery debería usar para implementar tal efecto? – George2

1

creo onmouseover es lo que hay que buscar en

+0

¿Tiene un ejemplo listo para usar, NimChimpsky? – George2

1

Usted también puede utilizar el atributo title en algunos elementos HTML.

Un ejemplo de esta página:

<span class="reputation-score" title="your reputation score; view reputation privileges">611</span> 

Al pasar sobre su reputación se obtiene el mensaje en el atributo título. No es tan elegante como algunas de las otras respuestas, pero es rápido y simple.

+0

¿Tiene un ejemplo listo para usar para seguir, YWE? – George2

+1

@George. Agregué un ejemplo. – YWE

2
+0

Sí, esto es lo que estoy buscando. ¿Algún código listo para usar existente? – George2

+0

Los enlaces anteriores están muertos a partir de 2017. La biblioteca de cierres de Google para Hovercards parece estar todavía disponible desde aquí: https://google.github.io/closure-library/api/goog.ui.HoverCard.html –