2011-09-22 13 views
7

quiero cambiar dinámicamente el color del enlace dentro de un evento de desplazamiento. Obtuve el siguiente código hasta ahora pero no funciona. Alguna sugerencia por qué? En mi opinión parece ser correcto ...jQuery: color de texto animado

$('.fadelink').hover(function(){    
     $(this).animate({ 
      color: '#333' 
     }, 600);    
    }, 
    function(){ 
     $(this).animate({ 
      color: '#999' 
     }, 600);   
    }); 
+1

si no quieres complicarte demasiado, simplemente apaga el elemento, cambia el color y vuelve a fundirlo. Opción más simple. – f0x

+0

posible duplicado de [jQuery: color de texto animado para el campo de entrada?] (Http://stackoverflow.com/questions/1354277/jquery-animate-text-color-for-input-field) – Neal

+0

intente esto http: // jqueryui .com/demos/animate/ –

Respuesta

9

hay que añadir colors plugin para hacer que funcione. Eso está despojado del núcleo.

+0

Sí, se olvidó del plugin de colores. Mi error. –

+0

eso es todo ... ¡gracias! :) – Mikaelik

5

jQuery no es compatible con la animación de colores, pero puede con el plugin de color: http://plugins.jquery.com/project/color

Sin embargo, hay otra ruta que podría tomar, con CSS3, si no le importa que no funcione en algunos mayores navegadores:

.baseClass { 
    color:#999; 

    -webkit-transition-property:color; 
    -webkit-transition-duration: 1s, 1s; 
    -webkit-transition-timing-function: linear, ease-in; 
} 

.baseClass:hover { 
    color: #333; 
}