La neve in Javascript sulla pagina web

Questa pagina è stata tradotta da Alberto Franchi 

Questo javascript crea la neve sulla tua pagina web. Così sei sicuro di avere un biano Natale - almeno sul web :-)

Il javascript è in un file chiamato snow.js. La nevicata può essere inclusa nella tua pagina web semplicemente un pezzo di codice che richiama il javascript snow.js

Lo script funziona perfettamente con questi browser:

Inizia col salvare il fiocco di neve snow.gif sul tu webserver:

sne.gif Fai click col tasto destro e scegli Salva immagine col nome ....
Questi sono altri fiocchi di neve che puoi usare snow0.gif snow1.gif snow2.gif snow3.gif snow4.gif snow5.gif snow6.gif snow7.gif snow8.gif snow9.gif

Oppure altre immagini diverse dalla neve: heart.gif star.gif marguerit.gif

Crea un nuovo file col nome snow.js e salvalo suo tuowebserver. Il file deve avere il seguente contenuto ...
RICORDA Devi cambiare la path dove snow.gif è salvato ...
EXTRA Puoi facilmente cambiare il numero di fiocchi di neve che vuoi su ciascuna pagina ...
 
 

Scarica il file snow.js qui: 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(); 

Inserisci questo codice html immediatamente dopo il tag <body> nella pagina web in cui vuoi che appaiano i fiocchi di neve:
RICORDA Di cambiare la path per puntare al tuo file snow.js

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

 

Hai apprezzato questo script? Per favore dona una piccola somma ...



.. per lo sviluppo di ulteriori script :)
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)

Denne side på dansk Snevejr på hjemmesiden med Javascript
This page in english Javascript snow on webpage
Diese Seite auf Deutsch Javascript Schnee und Schneeflocken
Denna sida på svenska Javascript snö på hemsidan
Denne siden på norsk Javascript snø på websiden
Sivu suomi Javascript lunta internet-sivulle
Deze pagina in het Nederlands Sneeuw op uw website met Javascript
Cette page en français De la neige en JavaScript sur une page web
Esta página em português Nevando via Javascript na página web.
Strona w języku polskim Skrypt śniegu Javascript na stronie
Ez az oldal Magyar Javascript Hó effekt a weboldaladon
Aceasta pagina este in Româneşte Ninsoare Javascript pe pagina web
Эта страница в [russian] Эффект снега на вашей веб-странице (Javascript)
 
Front page Read/sign my guestbook Sitemap Send mail   Bookmark and Share

Le ultime 5 entrate nel mio guestbook sono da
Portugal Brasil Australia Canada Pilipinas 
Valid XHTML 1.0!