Ventana de aviso al pasar el cursor por una palabra o una imagen

Tras haber visto las tres formas de poner ventanas de aviso y cómo personalizarlas, te mostraré este nuevo truco.

Se trata de incluir una imagen o un link que, al pasar el cursor por encima, aparecerá una ventana de aviso.

> Para realizar el truco con texto debes usar el siguiente código:

<a href="#" onmouseOver="alert('TEXTO O FRASE DE LA VENTANA')">FRASE O PALABRA</a>

Sustituye:

TEXTO O FRASE DE LA VENTANA: por el texto o la frase que aparecerá en la ventana de aviso.

FRASE O PALABRA: por la palabra o la frase que mostrará la ventana.

Puedes probar el resultado pasando el cursor por la siguiente abreviatura: HTML

> Para realizar el truco con una imagen utilizaremos este otro código:

<a onmouseover="alert('TEXTO O FRASE DE LA VENTANA')" href="#" onclick="return false">
<img width="80" src="URL DE TU IMAGEN" height="40"/>
</a>

Sustituye:

TEXTO O FRASE DE LA VENTANA: por el texto o la frase que aparecerá en la ventana de aviso.

URL DE TU IMAGEN: por la dirección de tu imagen o tu icono.

Puedes probar el resultado pasando el cursor por el siguiente logo:



Nota:

Cuando tengas la imagen lista, debes incluir en el código el ancho (width="80") y el alto (height="40") para que las medidas sean correctas.