Alicelindstrom

Julkalender dag 20



Koden:
<script type="text/javascript">
Width =1300; // ange bredden på sidan som ska snöas in...
Height =3000; // ange höjden på sidan som ska snöas in...
Count =30; // 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>



Håll musen över bilden när din webbläsare har laddat klart så får du se vad som gömmer sig bakom luckan!

jennifer

vart as glad, men sen upptäckte jag att jag inte kunde kopiera länken :c

Svar: när du ska kopiera måste du klicka ctrl+c för jag har högerklicksskydd
Alice Lindström








Välkommen till min blogg! Jag heter Alice, är 21 år (född 1998), bor i Norrland och jag har sedan 2011 drivit den här bloggen där jag skriver om mitt liv som innebär vardag, bilder, tankar, tips, kläder, skönhet, resor och mycket mer. Är du nyfiken på att veta mer om du mig kan du läsa mer om lilla jag HÄR.


För kontakt, samarbete eller liknande nås jag på blogg.alicelindstrom@hotmail.com





follow me @alicelindstroom



bloglovin