Jquery 색상 변경

Question

CMS를 통해 설정된 임의의 배경색을 가질 수있는 요소가 있습니다.

마우스로 밝게하고 마우스를 어둡게 강조하여 강조하고 싶습니다.

값을 가져오고 설정하는 데 .css ('background-color')를 사용했지만 문자가 예상보다 많이 들렸습니다.

어떻게해야할까요?

편집 : 피팅 비트가 구문 분석하고 색상 값을 사용하여 산술을 수행합니다. 이벤트를 처리하지 않습니다.

편집 : 색상 플러그인을 사용하면 색상 값을 읽을 수 있지만 색상 산술 및 글쓰기는 지원하지 않고도 당나귀 작업을해야했습니다.

결국 나는 빠른 'fadeTo'로 갔지만 불투명 애니메이션이 IE6에서 제대로 작동하는지 확인해야합니다.

Answer 1

jQuery Color plugin을 확인 했습니까?

색상 작업이 핵심 jQuery 코드에는 존재하지 않지만 아마도 최신 버전의 jQuery가 이미 포함되었을 수도 있습니다.

jQuery가 색상 작업을 올바르게 이해하도록해야합니다.

Answer 2

jQuery hover event을 사용하십시오.

var overColor = "#ddd"; 
var outColor = "#ccc"; 

$('#target').hover(function() 
{ 
    $(this).css("background-color", overColor); 
}, 
function() 
{ 
    $(this).css("background-color", outColor); 
}); 

그것을 변경 후 기존의 색상을 받고 처리하기 위해, 당신은 HTML 번호 XXXXXX-스타일의 색상을 수정 이해할 수있는 라이브러리를 찾을해야합니다. 누군가가 배경색을 "빨강"과 같은 이름으로 설정했는지 조심해야합니다.

Answer 3

난 당신이 "서투른"무슨 뜻인지 모르겠지만 난 그냥이 테스트는 당신이 가져가에 부드러운 색상 변경을 원하는 경우에 jQuery를

$(document).ready(function() { 
    var originalbc = $("#ThingThatChangesColors").css("background-color"); 
    $("#ThingThatChangesColors").mouseenter(function() { 
     $(this).css("background-color", "#FFF"); 
    }); 
    $("#ThingThatChangesColors").mouseleave(function() { 
     $(this).css("background-color", originalbc); 
    }); 
}); 

Answer 4

최근에 작동하는 것 같다, 당신은 시도 할 수 있습니다 jquery-glow plugin