Как затухать фон с jquery

Question

просто интересно, как я могу угаснуть цвет фона всей страницы.

У меня есть форма, что мне нужно fadein, когда нажимается ссылка, и мне нужно постепенно исчезать цвет фона.

приведенный ниже код не работает.

<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