Jak mogę zmienić kolor tekstu za pomocą jQuery?

157

Kiedy najeżdżam na tekst z animacją, na pewno użyję jQuery. Czy istnieje kod, który zmieni kolor lub rozmiar?

jquery text Jorge
źródło
14
Na marginesie - każda stylizacja, którą możesz zrobić za pomocą CSS, którą możesz obsłużyć za pomocą jQuery.
Corey Ballou

Odpowiedzi:

305

Umieść następujące elementy w programie mouseoverobsługi zdarzeń jQuery :

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

Aby jednocześnie ustawić kolor i rozmiar:

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

Możesz ustawić dowolny atrybut CSS za pomocą .css() funkcji jQuery .

Annabelle
źródło
@dan obie instrukcje mają prawidłową składnię: patrz api.jquery.com/css . (I obaj działali, kiedy ich wypróbowałem.)
Carl Sharman
6

Lub możesz wykonać następujące czynności

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

Ale musisz pobrać stąd wtyczkę kolorów .

Prog Mania
źródło
4

Obecnie animacja koloru tekstu jest zawarta w rdzeniu efektów interfejsu jQuery UI. Jest dość mały. Możesz pobrać niestandardowy plik tutaj: http://jqueryui.com/download - ale tak naprawdę nie potrzebujesz niczego poza samym rdzeniem efektów (nawet rdzeniem interfejsu użytkownika), a także oferuje różne funkcje wygładzania.

Jonasza
źródło