Jquery ayuda

Hola estoy haciendo un menu con Jquery, lo que quiero hacer es que en vez de cambiar de como si fuera una lista que cambie de apoco, como si se ilumininara

Código Javascript :

$(document).ready(function() {
$(".menu button").hover(function(){
$(this).addClass('colorfuente');
}, function() {
$(this).removeClass('colorfuente');
});
});

Código CSS :

button {text-decoration: none; cursor:pointer; background:none; border:none; color:#FFF; font-size:18px;}
.colorfuente{ color:#CCC;}
.menu {width: 400px; float:right; margin-top:10px;}

Código HTML :

<div class="menu">
<button>Home</button>
<button>Servicios</button>
<button>Clientes</button>
<button>Contactos</button>
</div>

Puede ser que sea con fadeTo?? pero no se como ubicarlo

*Iluminara quise escribir

Código Javascript :

$(document).ready(function() {
$(".menu button").hover(function () {
$(this).fadeTo("slow", 0.33);

});
});

Encontre este codigo, no entiendo mucho Jquery es prueba y error lo mio, con este codigo le da el efecto que quiero pero al sacar el mouse no cambia de color y al hacer click me gustaria que se quede de un color determinado

Estoy seguro de que si mando un mensaje a marte me va a responder mas rapido un marciano que alguien de cristalab

No se entiende muy bien que es lo que quieres hacer, algo Así tal vez?

HtrMancera escribió:

Si, pero en vez de que cambie el background que cabie el texto.

Encontre lo que estaba buscando pero no puedo hacer que ande en mi pagina

es esto lo que quiero [url=http://jsfiddle.net/dWCbk/][/url]

http://jsfiddle.net/dWCbk/

en el menu que te acabo de pasar con el tutorial vas agregar antes del .click los eventos mouseover y mouse out y el efecto ya lo tienes ahi mismo solo como te dije en el tutoria tienes que saber cuando van a suceder las cosas

$("#btn_1 a, #btn_2 a, #btn_3 a").mouseover(function(){

//aqui THIS ya sabes que es el boton sobre el que estas y color es la propiedad de CSS que afecta el color de los textos...

$(this).animate({color:'#000'},1000)


}).mouseout(function(){

$(this).animate({color:'#FF0'},1000)

}).click(function(){ });

el animate es otra aPi de los efectos de jquery y tiene varios parametros ej,

.animate({aqui van las propiedades de css que se animaran},duracion,efecti, callback)

son 4 parametros pero no requieres usar los 4 los mas importantes son el 1 y el 2 la duracion se mide en milisegundos o sea 1000 = 1seg, el callback lo usas cuando quieres saber si ya termino de hacer el efecto para dar parte o encadenar otro efecto.

esto lo puedes aprender en la documentacion de jquery.com en la seccion de efectos