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?


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 .


@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 .


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.

Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.