Esto es otro de los muchos efectos que podemos conseguir con JQuery. En este caso, conseguiremos que los enlaces del blog cambien de color al pasar el ratón lentamente.
Puedes ver un ejemplo del truco aquí, pasando el cursor por cualquier enlace que encuentres.
¿Te gusta el resultado? Si es así, sigue estos sencillos pasos:

Busca la etiqueta </head> y añade estos scripts encima:
<script src='http://jqueryui.com/latest/jquery-1.3.2.js' type='text/javascript'/>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function() {
$('a').hover(function() {
$(this).animate({ opacity: '0.3' } , 1000);
}, function() {
$(this).animate({ opacity: '1' }, 1000);
});
});
</script>
Los dos primeros scripts (jquery-1.3.2.js y jquery.min.js no tendrás que añadirlos una segunda vez si ya los tienes en la plantilla).
Guarda la plantilla para terminar:

Los colores que adoptarán los enlaces al pasar el cursor podrás personalizarlos en las siguientes líneas de CSS (las cuales pueden estar ya en tu plantilla):
a:link { color:#000000; text-decoration:none;}
a:active { color:#cccccc; outline: none;}
a:visited {color:#000000; text-decoration:none;}
a:hover { color:#cccccc; text-decoration: none;}
El código del color puedes reemplazarlo por el de cualquier otro, para ello utiliza la tabla de colores.
Si necesitas ayuda en cualquier otra cosa dímelo.
Muy bueno man
¡Gracias Nacho!
Hola Jaime:
He aplicado este efecto, pero al parecer se me bloquean aquellos gadgets en los que uso el scriptaculo.....¿es normal?.....
Un saludo
Itachi, al combinar Scriptaculous con JQuery en una misma plantilla obtenemos como resultado el mal funcionamiento del truco.
Probablemente y en breve publique una entrada en la que se explique la forma de utilizar ambas librerías al mismo tiempo.
¡Saludos!
Increíble. It´s super!!! Yo lo he probado en mi blog, El diario de humor de un estudiante, y en la barra de suscripciones abajo de cada entrada hace un efecto inpresionante sobre todo. MUCHÍSIMAS GRACIAS!!! :D
El comentarista, veo que como bien dices, se ve de maravilla. Tu blog es muy original e interesante. ¡Sigue así!