<--- Klicka där för att komma till min jul playlist på spotify!
Kopiera koden här nedan för och klistra in den ovan för </head> i kodmallen, det är ganska högt upp så ni behöver inte scrolla ner! Gör så i alla kodmallar och sen är det klart! Enkelt va?
<script type= "text/javascript" > Width =1000; // ange bredden på sidan som ska snöas in... Height =2000; // ange höjden på sidan som ska snöas in... Count =25; // 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:#fff; 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> Om ni vill ändra antalet snöflingor eller hur stora de ska vara gör ni det nästan högst upp i koden, där kan man läsa om storlek osv!
|