VENTANA EMERGENTE IMAGEN Y TEXTO

Este efecto consiste en sacar una ventana emergente al pasar el cursor por encima de una imagen o un texto, la forma de crearlo es muy simple y es de la siguiente forma:

Copiar el siguiente código donde queráis crear el efecto.

Para imagenes:


<a href="" onMouseOver="alert('MENSAJE DE EJEMPLO');return true;">
<IMG SRC="URL DE LA IMAGEN" border="0"></a>


Tedréis que obtener la url de la imagen que queráis insertar, para ello podéis hacer uso de un servidor de imagenes, yo utilizo este.

Para texto:

<a href="" onMouseOver="alert('MENSAJE DE EJEMPLO');return true;">TEXTO</a>


Ejemplos:(Poner cursor encima de la imagen y texto).

• Imagen:

• Texto:

Esto es un ejemplo de texto