Javascript snø på websiden

Denne siden har blitt oversatt av Preben Nessøy 

Denne Javascript animasjonen gir deg snø på din webside. Så nå er du sikker på en hvit jul - på webn i det minste :-)

Javascriptet er i en fil, ved navn snow.js. Snøværet kan inkluderes på din webside, ved bare å skrive en liten kode, som blir til javascriptfilen snow.js

Scriptet fungerer fint med disse webleserne:

Start med å lagre snøflaket snow.gif på ditt webområdet:

sne.gif Høyreklikk på snøflaket, og velg lagre bildet....
Andre snøflak du kan benytte: snow0.gif snow1.gif snow2.gif snow3.gif snow4.gif snow5.gif snow6.gif snow7.gif snow8.gif snow9.gif

Andre bilder enn snø: heart.gif star.gif marguerit.gif

Lag en ny fil, med navnet snow.js og lagre den på din webserver. Filen må ha følgende innhold...
HUSK: For og forandre filadressen
EKSTRA: Du kan lett justere anntall snøflak du vil ha på hver side...
 
 

Last ned filen snow.js her: sne.js

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

var SNE_Billede="http://www.domain.dk/billeder/sne.gif";
var SNE_nr = 15;

var SNE_browser_IE_NS = (document.body.clientHeight) ? 1 : 0;
var SNE_browser_MOZ = (self.innerWidth) ? 1 : 0;
var SNE_browser_IE7 = (document.documentElement.clientHeight) ? 1 : 0;

var SNE_Tid;
var SNE_dx, SNE_xp, SNE_yp;
var SNE_am, SNE_stx, SNE_sty; 
var i, SNE_Vindue_Bredde, SNE_Vindue_Hojde;

if (SNE_browser_IE_NS)
{
	SNE_Vindue_Bredde = document.body.clientWidth;
	SNE_Vindue_Hojde = document.body.clientHeight;
}
else if (SNE_browser_MOZ)
{
	SNE_Vindue_Bredde = self.innerWidth - 20;
	SNE_Vindue_Hojde = self.innerHeight;
}
else if (SNE_browser_IE7)
{
	SNE_Vindue_Bredde = document.documentElement.clientWidth;
	SNE_Vindue_Hojde = document.documentElement.clientHeight;
}

SNE_dx = new Array();
SNE_xp = new Array();
SNE_yp = new Array();
SNE_am = new Array();
SNE_stx = new Array();
SNE_sty = new Array();

for (i = 0; i < SNE_nr; ++ i) 
{  
	SNE_dx[i] = 0; 
	SNE_xp[i] = Math.random()*(SNE_Vindue_Bredde-50);
	SNE_yp[i] = Math.random()*SNE_Vindue_Hojde;
	SNE_am[i] = Math.random()*20; 
	SNE_stx[i] = 0.02 + Math.random()/10;
	SNE_sty[i] = 0.7 + Math.random();
	if (i == 0) document.write("<\div id=\"SNE_fnug"+ i +"\" style=\"position: absolute; z-index: "+ i +"; visibility: visible; top: 15px; left: 15px;\"><a href=\"http://www.peters1.dk\" target=\"_blank\"><\img src=\""+SNE_Billede+"\" border=\"0\"></a><\/div>");
	else document.write("<\div id=\"SNE_fnug"+ i +"\" style=\"position: absolute; z-index: "+ i +"; visibility: visible; top: 15px; left: 15px;\"><\img src=\""+SNE_Billede+"\" border=\"0\"><\/div>");
}

function SNE_Vejr() 
{  

for (i = 0; i < SNE_nr; ++ i) 
{ 
	SNE_yp[i] += SNE_sty[i];

	if (SNE_yp[i] > SNE_Vindue_Hojde-50) 
	{
		SNE_xp[i] = Math.random()*(SNE_Vindue_Bredde-SNE_am[i]-30);
		SNE_yp[i] = 0;
		SNE_stx[i] = 0.02 + Math.random()/10;
		SNE_sty[i] = 0.7 + Math.random();
	}

	SNE_dx[i] += SNE_stx[i];
	
	document.getElementById("SNE_fnug"+i).style.top=SNE_yp[i]+"px";
	document.getElementById("SNE_fnug"+i).style.left=SNE_xp[i] + SNE_am[i]*Math.sin(SNE_dx[i])+"px";
}

SNE_Tid = setTimeout("SNE_Vejr()", 10);

}

SNE_Vejr();

leg denne HTML koden rett etter <body> på nettsiden, for at snøflakene skal dukke opp:
HUSK: for å endre utsene på din egen side igjennom filen snow.js

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

 

Kunne du bruke dette script? Vennligst forære litt penger...



... til utvikling av mer scripter :-)
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
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
Ez az oldal Magyar Javascript Hó effekt a weboldaladon
Aceasta pagina este in Româneşte Ninsoare Javascript pe pagina web
Эта страница в [russian] Эффект снега на вашей веб-странице (Javascript)  
 
Forsiden Se/skriv i min gæstebog Sitemap Send mail  Bookmark and Share
Valid XHTML 1.0!