Accueil > > > FAIRE TOMBER DE LA NEIGE
FAIRE TOMBER DE LA NEIGE
Information sur la source
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
Sources de la même categorie
Commentaires et avis
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 à tous !!!je viens d'essayer de faire tomber quelques flocons de neige sur une page web, depuis un autre script javasript devient inop
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 <div> 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
|
Derniers Blogs
TECHDAYS PARIS 2010 : SHAREPOINT 2010 POUR LES DéVELOPPEURSTECHDAYS PARIS 2010 : SHAREPOINT 2010 POUR LES DéVELOPPEURS par ROMELARD Fabrice
Animé par: Laurent Cotton Le développement dans SharePoint 2010 passe par plusieurs axes qui seront évoqués dans cette session, mais plus particulièrement les développements simples lié au besoin Business Business Connectivity Services Ce BCS es...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice TECHDAYS PARIS 2010 : PLEINIèRE DERNIER JOURTECHDAYS PARIS 2010 : PLEINIèRE DERNIER JOUR par ROMELARD Fabrice
Cette session est la dernière pleinière de ces 3 jours de TechDays Paris 2010. Généralement, cette troisième journée est plus axée sur l'avenir vu par Microsoft. Après un retour sur l'avenir vu par la Science Fiction ou par ...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice UNE JOLIE-HORLOGE ET PAS QU'UN PEU !UNE JOLIE-HORLOGE ET PAS QU'UN PEU ! par neodante
Pour les possesseurs d'iPhone, ça y est Bijin Tokei - qui se traduit littéralement en Français par " Jolie Horloge " - est arrivé et GRATUITEMENT s'il vous plaît ! Après la version Tokyo, Hokkaido, night club, racing, Gal, "pour les mademoiselles'", . voi...
Cliquez pour lire la suite de l'article par neodante TECHDAYS PARIS 2010 : CONNECTEZ VOS DONNéES à SHAREPOINT 2010 AVEC LES BUSINESS CONNECTIVITY SERVICESTECHDAYS PARIS 2010 : CONNECTEZ VOS DONNéES à SHAREPOINT 2010 AVEC LES BUSINESS CONNECTIVITY SERVICES par ROMELARD Fabrice
Animé par: Gaetan Bouveret et Julien Chomarat Business Connectivity Services (BCS) est dans SharePoint 2010 la version 2 de Business Data Catalog (BDC dans SharePoint 2007). Il s'agit de la solution permettant de visualiser des données provenan...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice [DIVERS] SUIVRE VOS SéRIES PRéFéRéS SUR LA TOILE[DIVERS] SUIVRE VOS SéRIES PRéFéRéS SUR LA TOILE par orion
Comme de nombreux geek, je suis un grand amateur de série TV et je rate régulièrement des épisodes de mes séries préférés. Une solution s'offre à vous avec ce merveilleux site : Tv Gorge - www.tvgorge.com Moteur de recherche à l'appui, vous pouvez ...
Cliquez pour lire la suite de l'article par orion
Logiciels
DB-MAIN (9.1.0)DB-MAIN (9.1.0)DB-MAIN is a data-modeling and data-architecture tool. It is designed to help developers and anal... Cliquez pour télécharger DB-MAIN Xilisoft DPG Convertisseur (5.1.37.0120)XILISOFT DPG CONVERTISSEUR (5.1.37.0120)Xilisoft DPG Convertisseur offre aux fans de Nintendo DS une bonne solution leur permettant de dé... Cliquez pour télécharger Xilisoft DPG Convertisseur GraphicsGale (2.01.01)GRAPHICSGALE (2.01.01)GraphicsGale est un logiciel de PixelArt avec de nombreuse fonctionnalités permettant de réalisé ... Cliquez pour télécharger GraphicsGale Architecte 3D (Platinum 2010)ARCHITECTE 3D (PLATINUM 2010)Architecte 3D Platinium vous permet de concevoir facilement les plans votre future maison, de l'é... Cliquez pour télécharger Architecte 3D TeamViewer 5 (TeamViewer 5)TEAMVIEWER 5 (TEAMVIEWER 5)Dépanner un ami,expliquer une manipulation devient un jeu d'enfant.
Prise en main d'un autre ord... Cliquez pour télécharger TeamViewer 5
|