文本阴影与jquery

我希望用javascript更改元素的text-shadow属性。 据我所知，jquery css不适用于text-shadow。

有没有人有动态改变文本阴影的建议。

谢谢！

Answer 1

适合我（Chrome和FF，而不是IE）。

尝试使用camelCase。 在JavaScript中使用CSS属性时，必须删除连字符（例如，“background-image”将变为“backgroundImage”），然后设置属性。

所以你的代码应该是：

$（’＃bla’）。css（’textShadow’，’＃6374AB 20px -12px 2px’）;

Answer 2

总有这个小脚本。

但我不明白为什么这不起作用：

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

编辑：嗯，我试过了，确实jQuery对我的尝试没有留下深刻的印象。 但我确实找到了另一个脚本 。

干杯!

Answer 3

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

Alex Peattie的网站上有更多内容： http ： //alexpeattie.com/projects/animate-textshadow/