Code a inserer dans le Javascript HTML
Note: Des effets qui ne fonctionne pas si vous avez installer le curseur etoiles filante ou curseur de coeur faut les enlever et ensuite vous pourrez ajouter l'effet. Vice versa si vous voulez remettre le curseur.
=====================
<script type="text/javascript">
// <![CDATA[
var speed=33; // lower number for faster
var flakes=100; // number of flakes
var colour="#ffffff"; // colour of flakes
var slush=20; // set to '0' for no slush or otherwise set to height at which slush melts
var over_or_under="over"; // set to "over" for snow to always be on top, or "under" to allow it to float behind other objects
/**********************\
* Let It Snow Effect *
*(c)2004-13 mf2fm web-design*
* http://www.mf2fm.com/rv *
* DON'T EDIT BELOW THIS BOX *
\***************************/
var flks=new Array();
var flkx=new Array();
var flky=new Array();
var fldy=new Array();
var slss=new Array();
var slsh=new Array();
var swide, shigh, boddie;
function addLoadEvent(funky) {
var oldonload=window.onload;
if (typeof(oldonload)!='function') window.onload=funky;
else window.onload=function() {
if (oldonload) oldonload();
funky();
}
}
addLoadEvent(baby_its_cold_outside);
function baby_its_cold_outside() { if (document.getElementById) {
var i;
boddie=document.createElement("div");
i=boddie.style;
i.position="fixed";
i.top="0px";
i.left="0px";
i.overflow="visible";
i.width="1px";
i.height="1px";
i.backgroundColor="transparent";
document.body.appendChild(boddie);
set_width();
for (var i=0; i<flakes; i++) {
flks[i]=createDiv(3, 3, colour);
flkx[i]=3*Math.floor(Math.random()*swide/3);
flky[i]=Math.floor(Math.random()*shigh);
fldy[i]=2+Math.floor(Math.random()*4);
flks[i].style.left=flkx[i]+"px";
flks[i].style.top=flky[i]+"px";
flks[i].style.zIndex=(over_or_under=="over")?"1001":"0";
boddie.appendChild(flks[i]);
}
setInterval("let_it_snow()", speed);
}}
function createDiv(height, width, colour) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height+"px";
div.style.width=width+"px";
div.style.overflow="hidden";
div.style.backgroundColor=colour;
return (div);
}
window.onresize=set_width;
function set_width() {
var sw_min=999999;
var sh_min=999999;
if (document.documentElement && document.documentElement.clientWidth) {
if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;
if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;
}
if (typeof(self.innerWidth)=='number' && self.innerWidth) {
if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;
if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;
}
if (document.body.clientWidth) {
if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;
if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;
}
if (sw_min==999999 || sh_min==999999) {
sw_min=800;
sh_min=600;
}
swide=sw_min-3;
shigh=sh_min;
if (slush) {
if (swide/3>slss.length) for (i=slss.length; i<swide/3; i++) {
if (!slsh[i]) slsh[i]=3;
slss[i]=createDiv(slsh[i], 3, colour);
boddie.appendChild(slss[i]);
}
for (i=0; i<swide/3; i++) {
slss[i].style.height=slsh[i]+"px";
slss[i].style.top=shigh-slsh[i]+"px";
slss[i].style.left=3*i+"px";
}
if (i<slss.length && slss[i].style.left!="-3px") for (; i<slss.length; i++) slss[i].style.left="-3px";
}
}
function let_it_snow(c) {
var i, x, o=0, z=0;
for (i=0; i<flakes; i++) {
flky[i]+=fldy[i];
x=Math.floor(flkx[i]/3);
if (slush) {
o+=slsh[x];
if (flky[i]>=shigh-slsh[x]) {
if (x<swide && slsh[x]>slsh[x+1]+3) x++;
else if (x>0 && slsh[x]>slsh[x-1]+3) x--;
slss[x].style.top=shigh-(slsh[x]+=3)+"px";
slss[x].style.height=slsh[x]+"px";
flky[i]=shigh;
}
}
if (flky[i]>=shigh || flkx[i]>swide) {
flky[i]=0;
fldy[i]=2+Math.floor(Math.random()*4);
flkx[i]=3*Math.floor(Math.random()*swide/3);
flks[i].style.left=flkx[i]+"px";
z++;
}
flks[i].style.top=flky[i]+"px";
}
if (o>flakes*slush) for (i=0; i<slsh.length; i++) if (slsh[i]>3) slsh[i]--;
if (z || o>flakes*slush) set_width();
}
// ]]>
</script>
Bonsoir ma douce
RépondreEffacerMerci pour tes beaux partages, j'ai hâte de voir de la neige sur les blogs que je visite pour me rafraîchir moi qui ai si chaud sur mon île.
Bonne soirée ou journée, je m'y perds avec nos décalages horaires.
Gros bisous du soir chez moi.
coucou ma belle, tu as dû lire dans mes pensées, car depuis quelques jours, je cherche comment mettre de la neige, et bien je suis exaucée ! merci pour le partage ! Belle soirée à toi, en espérant que tu vas bien ? et gros bisous, Janine & Tavia
RépondreEffacerlol Et ben cest Claudie qui m'as parler de neige et jai regarder si jen avais poster des effets et j'ai realiser que non donc voila lol. Jirais te commenté bisous
Effacerbonsoir ma douce .
RépondreEffacerle lien que j'ai pris pour la neige ne fonctionne plus ,pourtant ce matin cela fonctionner .
Je ne sais que faire ,je l'ai copier /coller de nouveau et idem .
bisous. kettyn.
Il fonctionne je viens de l'essayer de nouveau .
EffacerMerci ma douce .
RépondreEffacerJ'ai enlever le curseur cela fonctionne .
Je suis désolée de t'avoir déranger .
Bonne soirée .bisous encore merci kettyn.
Super et pas souci bisous
EffacerCoucou ma doucette , merci infiniment , je suis ravie avec ce code passe un bon après midi , bisous tout pleins ♥
RépondreEffacerMerci gentille Sorcière. Cet effet neige vient à point pour ma décoration de noël. Beau week end à toi. Bisous
RépondreEffacerBonsoir Gentille sorcière
RépondreEffacerJ'ai pris , merci beaucoup pour le partage c'est vraiment joli!
Douce soirée
Bisous
Bsr je passe te souhaiter une belle soirée et douce nuit fait de beaux rêves à
RépondreEffacerdemain gros bisous chouchou
bonsoir Sorcière
RépondreEffacermerci pour pour le partage, je viens d'installer le code dans mon blog test et ça fonctionne
merci beaucoup et bonne soirée
Bonjour tite sorcière, un grand merci pour ce code, j'espère que tu vas bien ? Passe une belle semaine, bisous, Yolie
RépondreEffacerBonjour tite Sorcière merci pour ta visite , qu'est-ce que je mets comme code pour faire effet neige sur ma page comme tu me l'indique sur mon blog "des effets sparles dessus gif ou html "merci pour tes conseils et aides bisous
RépondreEffacerJe parlais ta creation sa aurait ete nice de un effet sparkle dedans avec Animation Shop ou HTML5
EffacerOK ,je n'avais pas bien suivi ,il faut dire que le tutoriel n'était pas avec de la neige ,et en plus je ne suis pas vraiment fane d'animations .......MDR j'ai une question qui ne concerne pas cette article ,mais je ne sais plus pour arrêter les commentaires sur d'ancien articles ,éviter de revenir en arrière .....merci pour tous tes conseils et aides bisous
Effacerok pas souci si tu es pas fan juste lancer comme ca lol. Bon pour repondre a ta question va sur ton article et en bas a droite sur OPTIONS et cocher le dernier et met a jour. Voila
Effacer(SUITE) pourquoi revenir en arriere pour lire moi je fais pas ca lol. Je passe part le tableau de bord pour lire les Commentaires qui sont a meme place sans bouger. Lorsque je lis 1 commentaire je clique sur le lien direct du commentaire laisser et pas besoin courir . Bonne journee bisous
Effacerje n'ai pas réussi à mettre la neige.....
RépondreEffacerc'est bien dans le css qu'il fait mettre le code ? jai pris le code 1
bonne soirée
bises amicales
cc je passe te souhaiter une bonne journee il es agreable pour moi de passer sur mon blog il es trop beau et jaime le rose bisous
RépondreEffacer