emilias -

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>

Postat i: Tips
2011-12-06/17:41:19

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/