ROUIBA ......

ROUIBA  ......

De la neige en

De la neige en JavaScript sur une page web

De la neige en JavaScript sur une page web

Cette page a été traduite par Julien Barret 

Ce script fait tomber de la neige sur votre page web. Ainsi vous êtes sur d'avoir un noël enneigé - au moins sur le web :-)

La chute de neige peut être rajoutée dans vos pages web en tapant simplement quelques lignes de codes qui vont appeler le script snow.js

Ce script fonctionne parfaitement avec ces navigateurs:

Pour commencer, sauvez le flocon de neige snow.gif sur votre serveur

sne.gif Faites un clic droit sur le flocon, et choisissez Enregistrer l'image sous....
D'autres flocons que vous pouvez utiliser snow0.gif snow1.gif snow2.gif snow3.gif snow4.gif snow5.gif snow6.gif snow7.gif snow8.gif snow9.gif

Ou d'autres images que de la neige heart.gif star.gif marguerit.gif

Créez un nouveau fichier, appelez le snow.js et sauvez le sur votre site web. Ce fichier doit contenir ce qui suit...
N'OUBLIEZ PAS De changez le chemin vers l'image snow.gif
BONUS: Vous pouvez facilement regler le nombre de flocons que vous voulez sur chaque page...
 
 

Télécharger le fichier snow.js ici: sne.js

////////////////////////////////////////////////////////////////
// Javascript made by Rasmus - http://www.peters1.dk //
////////////////////////////////////////////////////////////////

var SNOW_Picture = "http://www.domain.com/billeder/snow.gif"
var SNOW_no = 15;

var SNOW_browser_IE_NS = (document.body.clientHeight) ? 1 : 0;
var SNOW_browser_MOZ = (self.innerWidth) ? 1 : 0;
var SNOW_browser_IE7 = (document.documentElement.clientHeight) ? 1 : 0;

var SNOW_Time;
var SNOW_dx, SNOW_xp, SNOW_yp;
var SNOW_am, SNOW_stx, SNOW_sty; 
var i, SNOW_Browser_Width, SNOW_Browser_Height;

if (SNOW_browser_IE_NS)
{
	SNOW_Browser_Width = document.body.clientWidth;
	SNOW_Browser_Height = document.body.clientHeight;
}
else if (SNOW_browser_MOZ)
{
	SNOW_Browser_Width = self.innerWidth - 20;
	SNOW_Browser_Height = self.innerHeight;
}
else if (SNOW_browser_IE7)
{
	SNOW_Browser_Width = document.documentElement.clientWidth;
	SNOW_Browser_Height = document.documentElement.clientHeight;
}

SNOW_dx = new Array();
SNOW_xp = new Array();
SNOW_yp = new Array();
SNOW_am = new Array();
SNOW_stx = new Array();
SNOW_sty = new Array();

for (i = 0; i < SNOW_no; ++ i) 
{ 
	SNOW_dx[i] = 0; 
	SNOW_xp[i] = Math.random()*(SNOW_Browser_Width-50);
	SNOW_yp[i] = Math.random()*SNOW_Browser_Height;
	SNOW_am[i] = Math.random()*20; 
	SNOW_stx[i] = 0.02 + Math.random()/10;
	SNOW_sty[i] = 0.7 + Math.random();
	if (i == 0) document.write("<div id=\"SNOW_flake"+ i +"\" style=\"position: absolute; z-index: "+ i +"; visibility: visible; top: 15px; left: 15px;\"><a href=\"http://www.peters1.dk\" target=\"_blank\"><img src=\""+SNOW_Picture+"\" border=\"0\"></a></div>");
	else document.write("<div id=\"SNOW_flake"+ i +"\" style=\"position: absolute; z-index: "+ i +"; visibility: visible; top: 15px; left: 15px;\"><img src=\""+SNOW_Picture+"\" border=\"0\"></div>");
}

function SNOW_Weather() 
{ 

for (i = 0; i < SNOW_no; ++ i) 
{ 
	SNOW_yp[i] += SNOW_sty[i];

	if (SNOW_yp[i] > SNOW_Browser_Height-50) 
	{
		SNOW_xp[i] = Math.random()*(SNOW_Browser_Width-SNOW_am[i]-30);
		SNOW_yp[i] = 0;
		SNOW_stx[i] = 0.02 + Math.random()/10;
		SNOW_sty[i] = 0.7 + Math.random();
	}

	SNOW_dx[i] += SNOW_stx[i];

	document.getElementById("SNOW_flake"+i).style.top=SNOW_yp[i]+"px";
	document.getElementById("SNOW_flake"+i).style.left=SNOW_xp[i] + SNOW_am[i]*Math.sin(SNOW_dx[i])+"px";
}

SNOW_Time = setTimeout("SNOW_Weather()", 10);

}

SNOW_Weather(); 

Rajoutez ce code html juste après la balise de vos pages web sur lequelles vous voulez voir apparaitre la neige:
N'OUBLIEZ PAS De changer le chemin vers l'endroit ou se trouve le fichier snow.js sur votre serveur

<script type="text/javascript" src="http://www.domain.com/scripts/snow.js"></script>

 

Ce script vous a servi? Merci de faire un petit don...



...pour le développement de nouveaux scripts :-)
Snevejr på hjemmesiden med Javascript

Javascript snow on webpage

Javascript Schnee und Schneeflocken

Javascript snö på hemsidan

Javascript snø på websiden

Javascript lunta internet-sivulle

Sneeuw op uw website met Javascript

De la neige en JavaScript sur une page web

La neve in Javascript sulla pagina web

Nevando via Javascript na página web.

Skrypt śniegu Javascript na stronie

Javascript Hó effekt a weboldaladon

Ninsoare Javascript pe pagina web

Эффект снега на вашей веб-странице (Javascript)



28/12/2011
0 Poster un commentaire

A découvrir aussi


Inscrivez-vous au blog

Soyez prévenu par email des prochaines mises à jour

Rejoignez les 5 autres membres