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
Besoin d'aide pour la neige sur mon site [ par 1er_RPIMa_XENA ]
Bonsoir à tous Je me permet de vous déranger, parce que j'ai insérer un javascript sur mon site (pour faire tomber la neige), tout fonctionne en loca
|
Derniers Blogs
SESSION SILVERLIGHT 5 3D : SLIDES ET DEMOSSESSION SILVERLIGHT 5 3D : SLIDES ET DEMOS par Groc
Durant les techdays, j'ai eu le plaisir d'animer une session sur Silverlight 5 et la 3D avec Simon Ferquel. Comme promis, voici nos slides et mes démos (celles avec le viper BSG) ici et là. Pour mémoire, les démos utilisent toutes le viper BSG...
Cliquez pour lire la suite de l'article par Groc [TECHDAYS 2012] SESSION WEBMATRIX 2 : LE COUTEAU SUISSE GRATUIT POUR VOS DéVELOPPEMENTS WEB - SLIDES[TECHDAYS 2012] SESSION WEBMATRIX 2 : LE COUTEAU SUISSE GRATUIT POUR VOS DéVELOPPEMENTS WEB - SLIDES par gpommier
Suite à la session que j'ai présenté sur WebMatrix 2, vous pouvez trouver les slides ici, ainsi que les démos en packages nuget : démos1 et démos2 J'en profite pour remercier chaleureusement tous ceux qui sont venus très nombreux à cette sess...
Cliquez pour lire la suite de l'article par gpommier [SHAREPOINT] LES SESSIONS TECHDAYS 2012.[SHAREPOINT] LES SESSIONS TECHDAYS 2012. par Patrick Guimonet
Voici donc pour ceux qui n'ont pas pu venir, ou ceux qui n'ont pas pu toutes les suivre la liste des sessions SharePoint aux TechDays 2012, que je mettrais à jour dès que les liens des vidéo seront disponibles. Ou ici : http...
Cliquez pour lire la suite de l'article par Patrick Guimonet TECHDAYS PARIS 2012 : SESSION PLEINIèRE JOUR 3TECHDAYS PARIS 2012 : SESSION PLEINIèRE JOUR 3 par ROMELARD Fabrice
Speaker: Bernard Ourghanlian Cette session est comme chaque jour transmise en live par BrainSonic, et j'ai donc suivi cette troisième pleinière par ce moyen sur mon iPad . Elle est dédiée comme chaque année à la mise en perspective de l'é...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice MISHRA READER : UN LECTEUR RSS TRèS ZUNE STYLE EN OPEN SOURCE !MISHRA READER : UN LECTEUR RSS TRèS ZUNE STYLE EN OPEN SOURCE ! par Vko
Hier durant une session dédiée aux Techdays 2012, j'ai eu le plaisir d'annoncer la sortie de la Béta 2 de Mishra Reader. C'est quoi ? Pour les utilisateurs, c'est une vraie expérience de lecture de flux RSS sur Windows. Rien à voir avec les produit...
Cliquez pour lire la suite de l'article par Vko
Logiciels
Tribler (2012)TRIBLER (2012)Tribler est un client pair à pair (P2P/Peer-to-Peer) open source avec la capacité de regarder des... Cliquez pour télécharger Tribler OneSwarm (2012)ONESWARM (2012)Le peer-to-peer qui protège votre vie privée, c'est OneSwarm.
Ce logiciel de peer-to-peer crypté... Cliquez pour télécharger OneSwarm PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO (V8.4)PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO (V8.4)PONAMEDIA TV DEVIENS HELLLOOO FLASH
LA TV SUR VOTRE ORDINATEUR.
Toute une plateforme Multi... Cliquez pour télécharger PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO Academy System (17.2.1.0)ACADEMY SYSTEM (17.2.1.0)Logiciel de gestion des établissements.
- élèves/étudiants (inscription, dossier, absence...)
-... Cliquez pour télécharger Academy System Easy-Planning (1.0.0.1)EASY-PLANNING (1.0.0.1)Basé sur les mêmes principes que MyPlanning, Easy-Planning permet de créer des plannings sous la ... Cliquez pour télécharger Easy-Planning
|