En www.scrollovers.com han ideado un script para aplicar un simpático efecto para tus enlaces con un resultado que se puede ver en esta página demo.

Como habrás podido comprobar, el enlace cambia de color al pasar por él, pero al mismo tiempo, hace un scroll vertical del texto, que queda como muy resultón.

Para poder usarlo, primero hay que instalar después de ]]></b:skin> el siguiente formato CSS y la llamada al script:



El primer color (#200091) es el del enlace normal y el segundo (#79001A) el que se mostrará al pasar el cursor. Podeis cambiarlo sin problemas por los que se ajusten a vuestro diseño.

Una vez hecho lo anterior, sólo tendrás que añadir la clase y el tipo scrollover al enlace en que quieras que aparezca el efecto. El ejemplo del principio se ha redactado así:


Aunque me parece que ya queda bastante bien tal cual viene, también se pueden cambiar otros parámetros. Para eso teneis que modificar ciertas variables en el fichero scrollover.js:

• scrollovers_ScrollSpeed: la velocidad con que se produce el scroll.
• scrollovers_ScrollDownOnMouseOver: para invertir el sentido del movimiento, cambia a "false"
• scrollovers_TypeName: si dejas esta variable con un entrecomillado vacío, no tendrás que indicar en el enlace el tipo scrollovers, porque se aplicará el efecto a todo tipo de enlace. Ojo con las imágenes.

Si haces esto, no tendrás más remedio que guardar el fichero modificado en tu propio alojamiento. En cualquier caso, es conveniente hacerlo por si desaparece la fuente original o simplemente por agilizar la carga. Puedes bajarlo desde este enlace.

No lo he probado, pero el autor comenta que es válido para Firefox 2.0, Internet Explorer 5.5-6-7, Safari 3 (Windows) Y Opera 9. A mí no me ha dado problemas en ninguno de los dos primeros.