Текст Тень с JQuery

Question

Я хочу изменить атрибут text-shadow для элементов с помощью javascript. Насколько я знаю, jquery css не работает с text-shadow.

У кого-нибудь есть предложения по динамическому изменению тени текста.

Спасибо!

Answer 1

У меня работает (Chrome и FF, а не IE).

Попробуйте использовать camelCase. При работе со свойствами CSS в JavaScript необходимо удалить дефис (например, «background-image» станет «backgroundImage»), а затем установить свойства.

Ваш код должен выглядеть так:

$ ('# bla'). Css ('textShadow', '# 6374AB 20px -12px 2px');

Answer 2

$("#text").hover(function() { 
    $(this).animate({textShadow: "#aaa 6px 6px 6px"});
}, function() { 
    $(this).animate({textShadow: "#ccc 3px 3px 3px"});
});

Это и многое другое на сайте Алекса Пити: http://alexpeattie.com/projects/animate-textshadow/

Answer 3

Всегда есть этот этот маленький скрипт.

Но я не понимаю, почему это не сработает:

$('#bla').css('text-shadow','#6374AB 20px -12px 2px');

Edit: Хорошо, я попробовал это, и действительно мои попытки не впечатлили jQuery. Но я нашел другой скрипт .

Ура!