Snöfall 2

Det här scriptet skapar snöfall på din sida. Inga bilder behövs! Om du vill låta något annat singla över sidan som snabelan eller dollartecken går det också bra!

Exempel - öppnas i eget fönster.


Scriptet fungerar utmärkt i: Internet Explorer, Opera, Netscape och Mozilla.


Följ det enkla steget nedan för att installera scriptet.


Steg 1


Lägg följande kod mellan <body> och </body> - direkt innan </body>.



<script>

// CREDITS:
// Snowmaker
// By Peter Gehrig
// Copyright (c) 2003 Peter Gehrig. All rights reserved.
// Permission given to use the script provided that this notice remains as is.
// Additional scripts can be found at http://www.24fun.com
// info@24fun.com
// 11/27/2003

// IMPORTANT:
// If you add this script to a script-library or script-archive
// you have to add a highly visible link to
// http://www.24fun.com on the webpage
// where this script will be featured

///////////////////////////////////////////////////////////////////////////
// CONFIGURATION STARTS HERE
///////////////////////////////////////////////////////////////////////////

// Ange antalet flingor (mer än 30 - 40 rekommenderas ej)
var snowmax=35

// Ange flingornas färg. Ange så många du vill
var snowcolor=new Array("#FFFFFF","#FFFFFF","#FFFFFF")

// Ange de tecensnitt som skapar flingorna. Ange så många du vill
var snowtype=new Array("Arial","Arial Black","Times","Times New Roman","Tahoma")

// Ange tecknet som skapar flingorna (rekommenderas:*)
var snowletter="*"

// Ange hastigheten flingorna dalar med ( rekommenderas värden från 0.3 till 2)
var sinkspeed=0.6

// Ange flingornas maximala storlek
var snowmaxsize=26

// Ange flingornas minsta storlek
var snowminsize=10

// Ange ytan: snö-zonen
// Ange 1 för hela sidan, Ange 2 för vänster på sidan
// Ange 3 för mitten av sidan, Ange 4 för höger på sidan
var snowingzone=1

///////////////////////////////////////////////////////////////////////////
// CONFIGURATION ENDS HERE
///////////////////////////////////////////////////////////////////////////


// Do not edit below this line
var snow=new Array()
var marginbottom
var marginright
var timer
var i_snow=0
var x_mv=new Array();
var crds=new Array();
var lftrght=new Array();
var browserinfos=navigator.userAgent
var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/)
var ns6=document.getElementById&&!document.all
var opera=browserinfos.match(/Opera/)
var browserok=ie5||ns6||opera

function randommaker(range) {
	rand=Math.floor(range*Math.random())
    return rand
}

function initsnow() {
	if (ie5 || opera) {
		marginbottom = document.body.clientHeight
		marginright = document.body.clientWidth
	}
	else if (ns6) {
		marginbottom = window.innerHeight
		marginright = window.innerWidth
	}
	var snowsizerange=snowmaxsize-snowminsize
	for (i=0;i<=snowmax;i++) {
		crds[i] = 0;
    	lftrght[i] = Math.random()*15;
    	x_mv[i] = 0.03 + Math.random()/10;
		snow[i]=document.getElementById("s"+i)
		snow[i].style.fontFamily=snowtype[randommaker(snowtype.length)]
		snow[i].size=randommaker(snowsizerange)+snowminsize
		snow[i].style.fontSize=snow[i].size
		snow[i].style.color=snowcolor[randommaker(snowcolor.length)]
		snow[i].sink=sinkspeed*snow[i].size/5
		if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
		if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
		if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
		if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
		snow[i].posy=randommaker(2*marginbottom-marginbottom-2*snow[i].size)
		snow[i].style.left=snow[i].posx
		snow[i].style.top=snow[i].posy
	}
	movesnow()
}

function movesnow() {
	for (i=0;i<=snowmax;i++) {
		crds[i] += x_mv[i];
		snow[i].posy+=snow[i].sink
		snow[i].style.left=snow[i].posx+lftrght[i]*Math.sin(crds[i]);
		snow[i].style.top=snow[i].posy

		if (snow[i].posy>=marginbottom-2*snow[i].size || parseInt(snow[i].style.left)>(marginright-3*lftrght[i])){
			if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
			if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
			if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
			if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
			snow[i].posy=0
		}
	}
	var timer=setTimeout("movesnow()",50)
}

for (i=0;i<=snowmax;i++) {
	document.write("<span id='s"+i+"' style='position:absolute;top:-"+snowmaxsize+"'>"+snowletter+"</span>")
}
if (browserok) {
	window.onload=initsnow
}

</script>

•  Markera och kopiera texten i rutan ovan. Klistra sedan in den på din sida.
•  De värden i scriptet som är lätta att ändra är skrivna med rött med förklaring i grönt.



Det här scriptet är skrivet av Peter Gehrig.
Om du vill använda scriptet MÅSTE du låta copyright-noteringen stå kvar!
Besök hans sida 24fun.com - där hittar du fler av hans script!