Javascript Hó effekt a weboldaladon

Ezt az oldalt fordította Marsoo 

Ez a javascript kód fehér hópelyheket ad a weboldalhoz, a hulló hó látszatát keltve. Mostmár biztos lehetsz a fehér karácsonyban - legalább a neten :-)

A hópelyhek előcsalogatásához csak a snow.js javascript fájlra lesz szükséged, úgy hogy elhelyezed a weboldaladon.

A HÓPEHELY SCRIPT a következő böngészőkkel működik megfelelően:

Tölts fel a weboldaldra a snow.gif fájlt, ez lesz maga a hópehely:

sne.gif Jobb egérgomb klikk a képre / Kép mentése másként.
Más hópehely-mintát is tudsz használni, pl.: snow0.gif snow1.gif snow2.gif snow3.gif snow4.gif snow5.gif snow6.gif snow7.gif snow8.gif snow9.gif

Vagy más kép, mint a hópelyhes: heart.gif star.gif marguerit.gif

Készíts egy új fájlt, snow.js néven (aposztrófok nélkül) és töltsd fel a weboldaladra. A fájlnak a következőt kell tartalmaznia...
FONTOS: Cseréld ki a snow.gif elérési útvonalát!
Extra: Egyszerűen beállíthatod a hópelyhek számát minden egyes oldalon
 
 

Töltsd le a snow.js fájlt itt: 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(); 

Helyezd el ezt a HTML-kódot a weblapod része után, ha szeretnéd, hogy megjelenjenek a hópelyhek:
FONTOS: Cseréld ki a saját oldalad elérési címére a snow.js-t.

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

 

Hasznos volt a script? Kérlek támogass egy kis összeggel...



a további scriptek fejlesztéséhez :-)
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
Questa pagina in italiano La neve in Javascript sulla pagina web
Esta página em portuguęs Nevando via Javascript na página web.
Strona w języku polskim Skrypt śniegu Javascript na stronie
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
Valid XHTML 1.0!