Julkalender - Lucka 6
Tänkte att jag skulle börja med att jag kunde ge nå tips eller nånting varje dag så att jag kunde ha en julkalender här på bloggen, det är jätte många bloggar som har en julkalender på sin blogg. Nu kanske jag är lite sen med det men vi kan vell börja idag (den 6 ändå) Så Idag så tänkte jag att jag skulle ge ett tips....Hur man får fallande snö på bloggen!
1. Först klickar du in dig i kodmallen
2. Sedan så letar du efter <head> och klistrar in denhär koden över den.
<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
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>
Hoppas ni förstår! Kissies!♥