jquery로 색이 바래다?

Question

jquery를 사용하여 일반적인 색상 변경을했는데 색상 변경이 부드럽게 이루어 지도록하고 싶습니다. 현재 코드는 호버에있는 링크의 색상을 변경 한 다음 마우스를 제거하면 제거합니다. 하나의 튜토리얼을 보았지만 설명하지 않고 현재 코드처럼 보이지 않습니다. 사전에

$(document).ready(function() { 
$("#link1,#link2,#link3").hover(function() { 
$(this).addClass("red"); 
},function(){ 
$(this).removeClass("red"); }); }); 

감사

이

Answer 1

당신은 다음과 같이 .animate()을 사용하십시오 :

$(document).ready(function() { 
    $("#link1,#link2,#link3").hover(function() { 
    $(this).stop().animate({ color: "#990000" }); 
    },function(){ 
    $(this).stop().animate({ color: "#FFFFFF" }); 
    }); 
}); 

참고하지만, 당신이 필요로하는 어느 color plugin, 또는이는 순간에 모습입니다 컬러 애니메이션이 작동하려면 jQuery UI이 포함됩니다.

Answer 2

당신은 아마도 당신이 컬러 애니메이션 요구하고있다 "부드러운"색상 변경을 찾고 있다면,이 스레드 체크 아웃 :

How do you fade in/out a background color using jquery?

Answer 3

여기에 추가 jQuery 플러그인을 사용하지 않고 쉬운 방법입니다. 실제로 이것은 주로 CSS로 처리됩니다. 서로 위에 2 개의 div를 만들고 위쪽 하나를 희미하게 만듭니다. 마찬가지로 : http://jsfiddle.net/Jny9x/