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 ;
