Question

我希望用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

总有这个this小脚本。

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

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

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

干杯！

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/

Answer 4

您也可以将其放置在对象中。

({"text-shadow" : "#6374AB 20px 12px 2px"})

文本阴影与jquery

4 个答案: