Apparition/Disparition progressive d’un div avec fondu

Voici un code pour obtenir l’affichage progressif d’une div en fondu ou inversement sa disparition.

Disparition progressive

Dans le HEAD :

Appel de la bibliothèque JQuery

<script type="text/javascript" src="jquery.js"></script>

Déclaration de la function

<script type="text/javascript">
$(document).ready(function(){
$("#effet").fadeOut(10000);
});
</script>

CSS pour cacher le div à l’affichage de la page dans le navigateur :

<style type="text/css">
effet{display:none;}</style>

Dans le BODY :

Pour appeler la div qui contient le contenu à afficher.
<div id = "effet"></div>

Affichage progressif

Il suffit de remplacer fadeOut par fadeIn dans le script et de cacher la div avec la propriété CSS display : none ;

Partagez cet article
  • gplus
  • pinterest

About the Author