comment fondu d'un arrière-plan avec jquery

Question

Je me demandais comment je pouvais fondre la couleur de fond de la page entière.

J'ai la forme que j'ai besoin de fondre quand un lien est cliqué, et j'ai besoin de fondu la couleur de fond en même temps.

le code ci-dessous ne fonctionne pas.

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

toute aide serait appréciée.

Answer 1

La bibliothèque de base jquery ne dispose pas de fonctions permettant d'animer les couleurs. Si vous voulez animer la couleur de n'importe quoi (y compris votre arrière-plan), utilisez le color plugin.

Answer 2

Bien que la couleur est agréable plug-in, pour ce cas particulier, je suggère d'utiliser ce que certains plug-in simple et efficace appelé hightlight jQuery Highlight