11540 sujets

JavaScript, DOM et API Web HTML5

Bonjour,

Je recherche un moyen pour faire apparaître un div en "fade in" quelques secondes après le chargement de la page. Est-ce possible en Javascript ?
Modifié par phil76 (18 Nov 2012 - 05:56)
C'est très simple à effectuer via jQuery. D'abord ton div doit être masqué :


/* CSS */

#monDiv{
    display:none;
}


Ensuite en js il suffit de faire ça :

/* JS */

// Le code ne sera exécuté qu'une fois tous les éléments de la page chargés
$(window).load(function() {

    var intervalOfDelay = 5000;
    var animationDuration = 500;

    $("#monDiv")
    .delay(intervalOfDelay)
    .show(animationDuration);

});