Script pour simuler la chute de neige à l'écran

Il a été testé avec les navigateurs Firefox, Internet Explorer, Opéra, Chrome et Safari aussi bien au format text/html qu'application/xhtml+xml (mais dans ce cas placez le dans un dossier à part et non dans votre page elle-même). Si vous ne le voyez pas à l'écran, c'est que cela ne fonctionne pas avec votre navigateur ou que javascript est désactivé.

Il vous faut placer l'image du flocon à l'endroit indiqué dans le script par la ligne "para.setAttribute("src","images/neige.gif");" (dans le cas présent dans un dossier images à côté de la page).

Le script à placer entre les balises <body> et </body>:

<script type="text/javascript">
var no = 40;var delai = 10;
var dx = new Array(), xp = new Array(), yp = new Array();
var am = new Array(), stx = new Array(), sty = new Array();
var i;
larg_fenetre = (document.body.offsetWidth<window.innerWidth)? window.innerWidth:document.body.offsetWidth;
haut_fenetre = (document.body.offsetHeight<window.innerHeight)? window.innerHeight:document.body.offsetHeight;

for (i = 0; i < no; i++) { 
    dx[i] = 0;
    xp[i] = Math.random()*(larg_fenetre-40);
    yp[i] = Math.random()*haut_fenetre;
    am[i] = Math.random()*20;
    stx[i] = 0.02 + Math.random()/10;
    sty[i] = 0.7 + Math.random();
    
    obj = document.getElementsByTagName('body')[0];
    para = document.createElement("img");
    para.setAttribute("src","images/neige.gif");
    para.setAttribute("id","dot" + i);
    para.style.position = "absolute";
    para.style.zIndex = "2";
    obj.appendChild(para);
}

function neige() {
    for (i = 0; i < no; i++) {
        dx[i] += stx[i];
        yp[i] += sty[i];
        if (yp[i] > haut_fenetre-50) {
            xp[i] = Math.random()*(larg_fenetre-am[i]-40);
            yp[i] = 0;
        }
        document.getElementById("dot"+i).style.top = yp[i] + "px";
        document.getElementById("dot"+i).style.left = xp[i] + am[i]*Math.sin(dx[i]) + "px";
    }
    setTimeout("neige()", delai);
}

neige();
</script>

Vous pouvez aussi

remplacer la neige par des feuilles en autome et vice-versa.
densifier la chute ou vice-versa.

à l'aide de cet autre script