Come posso cambiare il colore del testo con jQuery?

157

Quando passerò il mouse su un testo con l'animazione, userò sicuramente jQuery. Esiste un codice che cambierà il colore o la dimensione?

jquery  text 
— Jorge
fonte
14
Nota a margine: qualsiasi stile che puoi fare con i CSS che puoi gestire con jQuery.
— Corey Ballou,

Risposte:

305

Inserisci quanto segue nel mouseovergestore eventi jQuery :

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

Per impostare contemporaneamente il colore e le dimensioni:

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

È possibile impostare qualsiasi attributo CSS utilizzando la .css() funzione jQuery .

— Annabelle
fonte
@dan entrambe le istruzioni sono sintassi valide: vedere api.jquery.com/css . (Ed entrambi hanno funzionato quando li ho provati.)
— Carl Sharman,
6

Oppure puoi fare quanto segue

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

Ma devi scaricare il plugin di colore da qui .

— Prog Mania
fonte
4

Al giorno d'oggi, l'animazione del colore del testo è inclusa in JQuery UI Effects Core. È piuttosto piccolo. Puoi effettuare un download personalizzato qui: http://jqueryui.com/download - ma in realtà non ti serve altro che il core effetti (nemmeno il core UI), e porta con sé anche diverse funzioni di allentamento.

— Giona
fonte
Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.