¿Cómo puedo cambiar el color del texto con jQuery?


157

Cuando pase el cursor sobre un texto con animación definitivamente usaré jQuery. ¿Hay un código que cambie el color o el tamaño?


14
Nota al margen: cualquier estilo que pueda hacer con CSS puede manejarlo con jQuery.
Corey Ballou

Respuestas:


305

Coloque lo siguiente en su mouseovercontrolador de eventos jQuery :

$(this).css('color', 'red');

Para configurar tanto el color como el tamaño al mismo tiempo:

$(this).css({ 'color': 'red', 'font-size': '150%' });

Puede configurar cualquier atributo CSS utilizando la .css() función jQuery .


@dan ambas declaraciones son sintaxis válida: consulte api.jquery.com/css . (Y ambos trabajaron cuando los probé)
Carl Sharman

6

O puedes hacer lo siguiente

$(this).animate({color:'black'},1000);

Pero debe descargar el complemento de color desde aquí .


4

Hoy en día, el color de texto de animación se incluye en jQuery UI Effects Core. Es bastante pequeño. Puede realizar una descarga personalizada aquí: http://jqueryui.com/download , pero en realidad no necesita nada más que el núcleo de efectos en sí (ni siquiera el núcleo de la interfaz de usuario), y también trae diferentes funciones de relajación.

Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.