Snevejr på hjemmesiden med Javascript

Dette script giver dig snevejr på din hjemmeside. Ganske enkelt. Så nu er du sikker på at få en hvid jul - på din hjemmeside :-)

Selve javascriptet har jeg samlet i en fil, med navnet sne.js. Snevejret kan dernæst meget enkelt tilføjes de ønskede sider, hvor animationen skal vises, ved blot at skrive en enkelt kode, der henter javascriptet sne.js

Dette javascript virker i følgende browsere: Mozilla Firefox 1, Netscape 7 og Internet Explorer 6, og er XHTML 1.0-validateret af W3C

Start med at gemme sne-fnugget som sne.gif et hvilket som helst sted på dit websted:

Opret en fil med navnet sne.js og gem den på dit websted. Filen skal indeholde følgende kode, og IKKE andet...
HUSK: At ændre stien hvor sne.gif er placeret...
EKSTRA: Du kan selv justere antallet af snefnug der skal være på siden...

Download evt. filen sne.js her:

////////////////////////////////////////////////////////////////
// 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();

Denne html kode skal indsættes lige efter <body> på de websider, hvor snevejret skal vises:
HUSK: At ændre adressen til der hvor du har placeret filen sne.js