Snö på bloggen

Nu har jag fixat lite julstämning på bloggen också, mina länkar har blivit fint mörkröda och det faller lite snö. Att lägga in snö på bloggen är superenkelt så jag tänkte visa er. Koden är ifrån www.designadinblogg.se [länk]

Kopiera scriptet
nedan och lägg det i kodmallar under </head>. Spara och sedan är det klart!

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

Skrivet av Othilia

Hej! Kan man göra så det tex snöar kakor elr blommor istället? Svara gärna!



Tack

2011-12-13 / 19:34:44
http://othiliasliv.blogg.se/
Skrivet av Mimmi

Hejsan!!!

Tack du gjorde så det funkade!

DU ÄR BÄST!!

2011-12-19 / 16:42:10
http://emmamimmi.blogg.se/



Namn:
Kom ihåg mig?

E-postadress:

Blogg: