begin process at 2010 02 10 14:40:11
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

Graphique

 > FAIRE TOMBER DE LA NEIGE

FAIRE TOMBER DE LA NEIGE


 Information sur la source

Note :
5,5 / 10 - par 4 personnes
5,50 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Graphique Classé sous :neige Niveau :Expert Date de création :21/07/2001 Vu :52 282

Auteur : Arnotic

Ecrire un message privé
Site perso
Ce membre participe au partage de revenus publicitaires
Commentaire sur cette source (10)
Ajouter un commentaire et/ou une note


 Description

Voici un petit code qui permet de faire tomber de la neige quand on veut (même en été (didon ! :)) :

Source

  • Dans le body:
  • <SCRIPT LANGUAGE="Javascript1.2">
  • <!--
  • // Original: Altan - http://www.altan.hr/snow -->
  • var no = 15; // nombre de flocons
  • var speed = 5; // plus le nombre est petit, plus la vitesse augmente
  • var snowflake = "snow.gif"; // image
  • //////////////////////////////////////////////////////////////////////////////
  • var ns4up = (document.layers) ? 1 : 0; // browser sniffer
  • var ie4up = (document.all) ? 1 : 0;
  • var dx, xp, yp; // coordinate and position variables
  • var am, stx, sty; // amplitude and step variables
  • var i, doc_width = 800, doc_height = 600;
  • if (ns4up) {
  • doc_width = self.innerWidth;
  • doc_height = self.innerHeight;
  • } else if (ie4up) {
  • doc_width = document.body.clientWidth;
  • doc_height = document.body.clientHeight;
  • }
  • dx = new Array();
  • xp = new Array();
  • yp = new Array();
  • am = new Array();
  • stx = new Array();
  • sty = new Array();
  • for (i = 0; i < no; ++ i) {
  • dx[i] = 0; // set coordinate variables
  • xp[i] = Math.random()*(doc_width-50); // set position variables
  • yp[i] = Math.random()*doc_height;
  • am[i] = Math.random()*20; // set amplitude variables
  • stx[i] = 0.02 + Math.random()/10; // set step variables
  • sty[i] = 0.7 + Math.random(); // set step variables
  • if (ns4up) { // set layers
  • if (i == 0) {
  • document.write("<layer name=\"dot"+ i +"\" left=\"15\" ");
  • document.write("top=\"15\" visibility=\"show\"><img src=\"");
  • document.write(snowflake + "\" border=\"0\"></layer>");
  • } else {
  • document.write("<layer name=\"dot"+ i +"\" left=\"15\" ");
  • document.write("top=\"15\" visibility=\"show\"><img src=\"");
  • document.write(snowflake + "\" border=\"0\"></layer>");
  • }
  • } else if (ie4up) {
  • if (i == 0) {
  • document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");
  • document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
  • document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\"");
  • document.write(snowflake + "\" border=\"0\"></div>");
  • } else {
  • document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");
  • document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
  • document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\"");
  • document.write(snowflake + "\" border=\"0\"></div>");
  • }
  • }
  • }
  • function snowNS() { // Netscape main animation function
  • for (i = 0; i < no; ++ i) { // iterate for every dot
  • yp[i] += sty[i];
  • if (yp[i] > doc_height-50) {
  • xp[i] = Math.random()*(doc_width-am[i]-30);
  • yp[i] = 0;
  • stx[i] = 0.02 + Math.random()/10;
  • sty[i] = 0.7 + Math.random();
  • doc_width = self.innerWidth;
  • doc_height = self.innerHeight;
  • }
  • dx[i] += stx[i];
  • document.layers["dot"+i].top = yp[i];
  • document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]);
  • }
  • setTimeout("snowNS()", speed);
  • }
  • function snowIE() { // IE main animation function
  • for (i = 0; i < no; ++ i) { // iterate for every dot
  • yp[i] += sty[i];
  • if (yp[i] > doc_height-50) {
  • xp[i] = Math.random()*(doc_width-am[i]-30);
  • yp[i] = 0;
  • stx[i] = 0.02 + Math.random()/10;
  • sty[i] = 0.7 + Math.random();
  • doc_width = document.body.clientWidth;
  • doc_height = document.body.clientHeight;
  • }
  • dx[i] += stx[i];
  • document.all["dot"+i].style.pixelTop = yp[i];
  • document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]);
  • }
  • setTimeout("snowIE()", speed);
  • }
  • if (ns4up) {
  • snowNS();
  • } else if (ie4up) {
  • snowIE();
  • }
  • // End -->
  • </script>
Dans le body:
<SCRIPT LANGUAGE="Javascript1.2">
<!--
//  Original:  Altan - http://www.altan.hr/snow -->
var no = 15; // nombre de flocons
var speed = 5; // plus le nombre est petit, plus la vitesse augmente
var snowflake = "snow.gif"; // image
//////////////////////////////////////////////////////////////////////////////
var ns4up = (document.layers) ? 1 : 0;  // browser sniffer
var ie4up = (document.all) ? 1 : 0;
var dx, xp, yp;    // coordinate and position variables
var am, stx, sty;  // amplitude and step variables
var i, doc_width = 800, doc_height = 600;
if (ns4up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
} else if (ie4up) {
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
for (i = 0; i < no; ++ i) {  
dx[i] = 0;                        // set coordinate variables
xp[i] = Math.random()*(doc_width-50);  // set position variables
yp[i] = Math.random()*doc_height;
am[i] = Math.random()*20;         // set amplitude variables
stx[i] = 0.02 + Math.random()/10; // set step variables
sty[i] = 0.7 + Math.random();     // set step variables
if (ns4up) {                      // set layers
if (i == 0) {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" ");
document.write("top=\"15\" visibility=\"show\"><img src=\"");
document.write(snowflake + "\" border=\"0\"></layer>");
} else {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" ");
document.write("top=\"15\" visibility=\"show\"><img src=\"");
document.write(snowflake + "\" border=\"0\"></layer>");
   }
} else if (ie4up) {
if (i == 0) {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");
document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\"");
document.write(snowflake + "\" border=\"0\"></div>");
} else {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");
document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\"");
document.write(snowflake + "\" border=\"0\"></div>");
      }
   }
}
function snowNS() {  // Netscape main animation function
for (i = 0; i < no; ++ i) {  // iterate for every dot
yp[i] += sty[i];
if (yp[i] > doc_height-50) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
doc_width = self.innerWidth;
doc_height = self.innerHeight;
}
dx[i] += stx[i];
document.layers["dot"+i].top = yp[i];
document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]);
}
setTimeout("snowNS()", speed);
}
function snowIE() {  // IE main animation function
for (i = 0; i < no; ++ i) {  // iterate for every dot
yp[i] += sty[i];
if (yp[i] > doc_height-50) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
dx[i] += stx[i];
document.all["dot"+i].style.pixelTop = yp[i];
document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]);
}
setTimeout("snowIE()", speed);
}
if (ns4up) {
snowNS();
} else if (ie4up) {
snowIE();
}
// End -->
</script>
 

 Conclusion

Amusez-vous bien !


 Sources du même auteur

UN MENU AVEC LE BOUTON DROIT !
FENÈTRE FLOTANTE
MESSAGE AVEC TEMPS DE POSE
DU TEXTE QUI DÉFILE
UNE JOLIE INTRO ;-)

 Sources de la même categorie

Source avec Zip Source avec une capture STOCK/FOREX CANDLE CHART USING CANVAS API par BlackWizzard
MODIFIER SES FEUILLES DE STYLES .CSS À LA VOLÉE AVEC JAVASCR... par Phildepantin
Source avec Zip Source avec une capture FARMVILLE - HEURE ET COMBO LIST IMAGES par ym_trainz
Source avec Zip [-CLASS-] -> CARROUSSEL D'IMAGES par TheWeasel47
Source avec Zip Source avec une capture OGG MEDIA PLAYER par kazma

 Sources en rapport avec celle ci

Source avec Zip NEIGE FIREFOX/IE par Wells
NEIGE QUI TOMBE SUR VOTRE SITE :O par undanet

Commentaires et avis

Commentaire de macarthur le 12/06/2004 00:55:51

tu copie le code qu il ta donné cela suffit:)
dans une page html:)

Commentaire de jerrol le 08/12/2004 00:08:32

Je suppose que Jo parlait de l'image "snow.gif" et non de la capture de la fenêtre IE.
Sinon, à part ceci, le script est interessant.

Commentaire de smart51 le 23/12/2004 19:11:19

Ca marche très bien ! Mais c'est domage qu'il soit aussi gourmand en ressources :s

Commentaire de logiciels_thiery le 24/06/2005 17:35:36

Super mais oukilé le GIF ???
Moi j'ai dessiné une espèce de flocon et vous ?
(J'ai déjà vu ce script quelque part...)

Commentaire de smart51 le 24/06/2005 19:43:33

Oui j'ai aussi dessiné un flocon, le mien est celui ci : http://www.smart51.be.cx/img/snow.gif

Commentaire de xena1901 le 18/09/2005 21:30:33

petit script génial !
et le flocon aussi ! ;-)

génial et félicitations !

Commentaire de frenchmike le 10/12/2005 09:49:51

bonjour,
j'ai essayé de mettre ce script sympa sur ma page d'acceuil mais ... pas de flocons

C'est une page hp cela pos t il un problème ?
Le snow.gif est dans le même répertoireque la page faut il le mettre à un endroit précis ?
Le gif fait 29 k doit il avoir une taille ou un poids spécifique ?

désolé de ces questions d'amateur  ... merci d'avance

Commentaire de Isabelkarter le 24/12/2005 18:09:40

Comment faire tomber plusieurs type de flocon en même temps?

Commentaire de leo1023 le 22/10/2006 14:45:12

Ca ne marche pas, donc pas de flocons...

Commentaire de seb5629 le 21/02/2007 16:44:48

j'ai trouvé une source exactement pareil sur internet, maintenat est ce toi qui liche ou est ce l' autre ???
en tout casl'un de vous est un licheur.

 Ajouter un commentaire


Discussions en rapport avec ce code source dans le forum

pb de neige qui ne tombe pas [ par Mr spud ] bonjour.....j'ai pris le code de neige en hiver feuille en automne et j'ai un message d'erreur quand je regarde la page....."objet requis"voici la lig scripts incompatibles [ par tibidon ] bonjour &#224; tous !!!je viens d'essayer de faire tomber quelques flocons de neige sur une page web, depuis un autre script javasript devient inop&#2 faire fonctionner un script flocon de neige [ par wally88 ] Bonjour, j'essai de faire fonctionner ce script : http://www.javascriptfr.com/codes/NEIGE-TOMBE-SUR-VOTRE-SITE_35228.aspxDans une page html ca fonctio Neige [ par junior3 ] Bonjour,J'ai un blog,comme c'est Noël je voudrais faire tombé de la neige sur ma page comment on fait.Merci de répondrejunios3 commande : neige qui tombe [ par lyelle ] Bonjour à tous, J'ai besoin d'un coup de main (je ne connais rien aux scripts mais j'aimerais beaucoup faire tomber de la neige sur mon site. Je sais Problème avec XMLHttpRequest [ par fauve ] Bonjour,Je vous contacte car j'éprouve des difficultés à utiliser XMLHttpRequest...En faite j'essaie d'actualiser automatiquement un &lt;div&gt; conte script de neige qui s'entasse [ par crevetteyanis ] Bonjour ou bonsoir, Tout d'abord, je tiens à dire que je suis complètement novice en la matière ... Voilà, j'ai un forum en PhpBB3 (je donne les infos neige qui tombe [ par majutoan ] je n'arrive pas à insérer la neige sur mon écran; comment faire ? Merci pour la réponse


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Février 2010
LMMJVSD
1234567
891011121314
15161718192021
22232425262728

Consulter la suite du CalendriCode

 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 1,529 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales