Comment faire un fondu entrant/sortant d'un conteneur HTML DIV en utilisant JavaScript?

Question

J'ai un conteneur DIV avec un attribut + valeur id="myDiv". Je voudrais fondre ça en dedans.

Aurais-je besoin de créer une sorte de boucle d'exécution avec une minuterie, puis modifier la valeur d'opacité de la DIV?

Est-ce que jQuery est parfait pour ce genre de choses?

Answer 1

Le jQuery a fadeIn et fadeOut méthodes pour créer l'effet de fondu. Vous pouvez par exemple les utiliser comme celui-ci sur votre div:

$('#myDiv').fadeOut('slow'); 

Vous pouvez également utiliser la méthode animate et spécifiez l'option opacity à elle pour créer l'effet de fondu.

Pour ne pas oublier la méthode fadeTo aussi :)

Answer 2

jQuery est parfait.

$('#myDiv').fadeOut(); 

http://api.jquery.com/fadeOut/

http://api.jquery.com/fadeIn/