Om du vill göra din blogg lite juligare, några snöflingor. Så ska jag visa hur man gör :) Du kan ju såklart söka upp det, men då jag gjorde det så var det fel i koden, det märkte jag efter en stund, men jag tog bort det som var fel så nu ska det funka i den här koden :)

 

Gå in på knappen längst åt höger

 

<script type="text/javascript">

Width =1500;

Height =7000;
Count =50;

MaxStep=3;

MinStep=1;

MaxFlake=10;

MinFlake=4;

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>

 

Så är det klart, förhandsgranska och spara sedan. Om det inte funkar eller om du har något problem, så kan du kommentera :)