Effets - La fonction fadeOut() de Jquery

Description

A l'inverse de la fonction fadeIn, la fonction fadeOut du framework Jquery permet de faire disparaître un élément ou un ensemble d'éléments html en les rendants invisibles pour l'internaute. Il donnera un effet de progression en modifiant l'opacité lors de la disparition de cet élément.

La fonction fadeOut() possède deux paramètres :

  • vitesse : temps en milliseconde ou vitesse durant lequel l'effet va ĂŞtre visible pour la disparition de l'Ă©lĂ©ment. Exemples : slow, fast, 3000, ...
  • callback : fonction ou code a exĂ©cuter lorsque l'animation sur l'Ă©lĂ©ment est terminĂ©e

Ces deux paramètres sont optionnels.

Publicité
Solution

// Mise en place de l'élément HTML invisible
<p id="element_p">
   Voici un test
</p>

// Mise en place du script
<script type="text/javascript">
   $(document).ready(function(){

     /* Exemple 1 : Disparition simple */
     $("#element_p").fadeOut('slow');


     /* Exemple 2 : Disparition et appel d'une fonction */
     $("#element_p").fadeOut('fast',function(){
       alert('Il est maintenant caché !');
     });

  });
</script>

Tester en cliquant ici !

Exemple de test !

Notez la solution
2.0/5 (105 votes)
Partagez cette question
Questions similaires
Effets - La fonction fadeIn() de Jquery
Mots clés fadeOut, jquery, fadeIn, opacité, framework
Derniére modification le 16/11/10 à 10:31