Как я могу изменить цвет текста с помощью jQuery?


157

Когда я наведу текст с анимацией, я определенно буду использовать jQuery. Есть ли код, который изменит цвет или размер?


14
Примечание: любой стиль, который вы можете сделать с помощью CSS, вы можете обрабатывать с помощью jQuery.
Кори Баллу

Ответы:


305

Поместите следующее в ваш mouseoverобработчик событий jQuery :

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

Чтобы установить цвет и размер одновременно:

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

Вы можете установить любой атрибут CSS с помощью .css() функции jQuery .


@dan оба утверждения имеют правильный синтаксис: см. api.jquery.com/css . (И они оба работали, когда я их попробовал.)
Карл Шарман,

6

Или вы можете сделать следующее

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

Но вам нужно скачать плагин цвета здесь .


4

В настоящее время анимация цвета текста включена в ядро ​​эффектов пользовательского интерфейса jQuery. Это довольно мало. Вы можете сделать пользовательскую загрузку здесь: http://jqueryui.com/download - но на самом деле вам ничего не нужно, кроме самого ядра эффектов (даже ядра UI), и оно также включает в себя различные функции замедления.

Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.