jquery로 배경을 희미하게하는 방법

Question

전체 페이지의 배경색을 어떻게 퇴색시킬 수 있는지 궁금합니다.

링크를 클릭 할 때 페이드 인해야하는 양식이 있으며 배경색을 동시에 퇴색해야합니다.

아래 코드는 작동하지 않습니다.

<form id="popup" method="post" action=""> 
       <a id="close">x</a> 
       <p>WAITING LIST</p> 
       <p>Temporary out of stock,Enter details to receive email alert<br /> 
       when back in stock</p> 

       <span>First Name*</span> 
       <input type="text" name="firstname" /> 
       <span>Last Name*</span> 
       <input type="text" name="lastname" /> 
       <span>Email*</span> 
       <input type="text" name="email" /><br /> 
       <input type="image" name="ok" id="ok" src="images/buttons/confirm.png" alt="confirm" /> 


      </form> 



$(function() { 

    $('a.button').click(function() { 
     $('body').animate({backgroundColor: "#3b3838"}, 'slow'); 
     $('form#popup').fadeIn(500); 
    return false; 
    }); 

    $('a#close').click(function() { 

     $('form#popup').fadeOut(500);       
    }); 

    $('#ok').click(function() { 
    $('form#popup').fadeOut(500); 
    return false; 
    }); 
}); 

어떤 도움을 주시면 감사하겠습니다.

Answer 1

기본 jquery 라이브러리에는 색상을 애니메이션화하는 기능이 없습니다. 배경색을 포함하여 무엇이든 색상을 지정하려면 color plugin을 사용하십시오. 색상은 좋은 플러그인이 있지만

Answer 2

이 특정 경우에, 나는 hightlight jQuery Highlight