Guide: Fallande snö på bloggen

Datum: 2010-12-21 | Tid: 18:47:00

Har fått förfrågan om jag skulle kunna visa en guide hur man får fallande snö på bloggen, och visst kan jag det! Det hela är faktiskt simpelt, du gör såhär:
1: Gå in på Design > Kodmallar > och leta upp koden <head> (finns ganska högt upp i mallen)

2: Klistra in denna kod under <head>:

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


3: Gör samma sak i alla kodmallar, och glöm inte att spara!
Lycka till! :)


Kommentarer
Postat av: Hanna

Tackar :D

2010-12-21 | 19:36:39
URL: http://marsvinets.blogg.se/
Postat av: Hanna

För att du skrev hur man fick snö på bloggen :)

2010-12-21 | 22:00:15
URL: http://marsvinets.blogg.se/

Kommentera inlägget här:

Namn:
Kom ihåg mig?

E-postadress: (publiceras ej)

URL/Bloggadress:

Kommentar:

Trackback
RSS 2.0