Lucka 7 - annan variant av fallande snö
Idag är det ju då som sagt den 7 december och i dagens tips tänkte jag visa hur man får en annan variant av snö på sin blogg.
I lucka nummer 5 visade jag hur man får "snöflingor" fallande men om man hellre vill ha "runda bollar" som faller ner kopierar ni denna kod:
<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örelsenMinStep=1; // min steg i rörelsenMaxFlake=10; // max storlek på snöflingaMinFlake=4; // min storlek på snöflingaPosX = 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åsPosX[i] = Math.random()*Width; ///2PosY[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>Klistra in den på samma ställe som den andra koden i lucka 5 - alltså under kodavsnittet <head> i kodmallarna.
Hoppas detta uppskattades!
Puss&Kram♥
Kommentarer
Erica
Frågestund i bloggen min, ställ gärna en eller flera frågor :)
Trackback
