Mensaje de alerta al hacer click y pasar el cursor

Anteriormente les mostré cómo crear un mensaje de alerta que aparezca cuando alguien entra a su blog, ahora les diré cómo hacer que el mensaje de alerta aparezca cuando el cursor pasa por un texto específico de un post o bien haciendo click en él. Hay muchas funciones para este tipo de 'eventos del mouse' pero estos dos me parecen los más útiles.

Mensaje de alerta al pasar el cursor

<a href="#" onmouseOver="alert('Mensaje de alerta al pasar el cursor')">su texto aquí</a>

Ejemplo pasando el mouse aquí

Mensaje de alerta al hacer click

<a href="#" onClick="alert('Mensaje de alerta al hacer click')">su texto aquí</a>

Ejemplo haciendo click aquí

Lo que está entre paréntesis es el texto que aparecerá en el mensaje de alerta, lo que está en rojo es el texto en su post.
También pueden hacerlo con una imágen, en ese caso el código queda así:

<a href="#" onClick="return false" onmouseOver="alert('Mensaje de alerta al pasar el mouse sobre una imagen')">
<img src="URL de la imagen">
</a>

Sólo deben cambiar la URL de la imágen y el width y height para que se ajusten al tamaño de su imagen.

13 de marzo de 2009 Publicado por El Potro , 12 comentarios,

http://www.ciudadblogger.com/2009/02/mensaje-de-alerta-al-pasar-el-cursor.html