El problema
En las páginas web los enlaces o hipervínculos se resaltan por la forma del cursor y porque aparecen en algún color y subrayados. Para lograr que sean más llamativos se suele emplear el efecto conocido como rollover, por el cual al pasar el ratón por un enlace éste cambia de color o cambia el tipo de letra o alguna otra característica. Es un efecto muy sencillo de lograr y que da a nuestra página un aspecto más animado.

La solución
El efecto rollover hace uso de los eventos onmouseover y onmouseout sobre un enlace, el primero se produce cuando el cursor del ratón entra en el enlace y el segundo cuando lo abandona. Podemos vincular cada evento a una función que cambie el atributo que nos interese del enlace: el color, el tipo de letra, la imagen, etc.

Un caso práctico
En este sencillo ejemplo vamos a cambiar el color del texto contenido en el enlace, para lo cual usamos la función:

function cambiarAtr(obj, color)
{
obj.style.color = color;
}

Y en la página colocamos el enlace de la siguiente forma:

<a href="direccion.htm" onmouseover="cambiarAtr(this,'red' )" onmouseout="cambiarAtr(this,'blue' )">
Texto del enlace </a>

Como ves la función lleva dos argumentos el primero (this) identifica al hipervínculo mientras que el segundo indica el valor que le damos al color del texto.