jquery가있는 텍스트 그림자

Question

javascript를 사용하여 요소의 텍스트 그림자 속성을 변경하고 싶습니다. 늘어나는만큼 jquery CSS는 텍스트 그림자와 함께 작동하지 않습니다.

동적으로 변경되는 텍스트 그림자에 대한 제안이있는 사람이 있습니까?

감사합니다.

Answer 1

나를 위해 작동합니다 (Chrome 및 FF, IE가 아님).

낙타를 사용해보세요. JavaScript에서 CSS 속성을 사용하여 작업 할 때는 하이픈을 제거해야합니다 (예 : "background-image"가 "backgroundImage"가 됨). 그런 다음 속성을 설정해야합니다.

그래서 코드를 읽어야합니다

$ ('# 즐') CSS ('textShadow', '# 6374AB 20 픽셀 -12px 2 픽셀'을). 알렉스 Peattie의 웹 사이트에서

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"}); 
}); 

이 더 : http://alexpeattie.com/projects/animate-textshadow/