♥ Sofiao -

Fallande snö.

Publicerat: 2010-11-18

15:25:00 Kategori: Tips & trix

Vill du också ha fallande snö precis som jag?

Gör så här:

Kopiera den här koden med ctlr + C och klistra in den under <head> i din kodmall med ctlr + V. (Finns nästan högst upp i din kodmall)

<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>


KLICKA PÅ SPARA!!

När du har gjort det, för det också på de andra sidorna om du vill :)

DÅ var det klart, nu har du fallande snö på din blogg också!!!