Fallande snö

Om man vill ha fallnde snö som singlar ner över bloggen så gör man såhär:
 
1. Kopiera koden nedan ↓ och klistra in den  precis under <head>
 
 
 
<script type="text/javascript">
Width =1200; // ange bredden på sidan som ska snöas in...

Height =7000; // ange höjden på sidan som ska snöas in...

Count =50; // antal snöflingor OBS! ange inte för stort antal!

MaxStep=3; // max steg i rörelsen

MinStep=1; // min steg i rörelsen

MaxFlake=10; // max storlek på snöflinga

MinFlake=4; // min storlek på snöflinga

PosX = new Array();

PosY = new Array();

StepX = new Array();

StepY = new Array();

StarSize=new Array();

for (i = 0; i < Count; i++) {

PosX[i] = Math.random()*Width;

PosY[i] = Math.random()*Height;

StepX[i] =MinStep+Math.random()* -MaxStep;

StepY[i] =MinStep+Math.random()* MaxStep;

StarSize[i]=MinFlake+Math.random() * MaxFlake;

document.write("<div id='Obj" + i + "' style='position:absolute; left:0px; top:-20px; z-index:10000; visibility:hidden; color:#f0feff; font-weight:normal; font-family:Verdana; font-size:"+StarSize[i]+"pt'>•</div>");

}

function animate() {

for (i = 0; i < Count; i++) {

PosY[i] += StepY[i];

PosX[i] += StepX[i];

document.getElementById("Obj"+i).style.visibility = "visible";

if (PosY[i] > Width || PosX[i] > Height || PosX[i]<0) { // starta om från toppen av sidan när mitten nås

PosX[i] = Math.random()*Width; ///2

PosY[i] = -20;

StepX[i] = MinStep+Math.random()* -MaxStep;

StepY[i] = MinStep+Math.random()* MaxStep;

}

document.getElementById("Obj"+i).style.top = PosY[i] + "px";

document.getElementById("Obj"+i).style.left = PosX[i] + "px";

}

setTimeout("animate()", 50);// hastighet

}

setTimeout("animate()", 1000);

</script>

 
 
 
2.Om du vill ändra färg eller form på snöflingorna så kan du byta ut snöbollarna mot dessa tecken:
♣ ♥ ♦ ¤ •
ocg leta upp  följande ↓ kod och ändra till det du vill ha
 
document.write("<div id='Obj" + i + "' style='position:absolute; left:0px; top:-20px; z-index:10000; visibility:hidden; color:#f0feff; font-weight:normal; font-family:Verdana; font-size:"+StarSize[i]+"pt'>•</div>");
 
 
 

Kommentarer
Postat av: Anonym

Är det alla de där koderna man ska kopiera eller är det bara den som är längst upp?

2013-01-09 @ 13:30:37
Postat av: Issa

Skulle du vilja göra en design till mig? Ska nog prova blogga igen :P <3

2013-01-11 @ 08:16:16
Postat av: Alice

Bilderna i sidmenyn finns inte inne på kategorier? ;) <3

Svar: Nej för det är därför de ligger i sideomenyn, <3
clara baynham

2013-02-10 @ 16:36:02

Kommentera inlägget här!:

Ditt namn?
kom ihåg mig?

Din e-mail(publiceras inte)

Om du har en blogg,Vad heter den?:

Din kommentar?

Tack för kommentaren
RSS 2.0