LillaMalins ♡ -

Fallande snöflingor över headern!

2011-11-26 ♥ 17:16:51

Här kommer det:
För att lägga in sånna fallande snö flingor som jag har i eran blogg ska ni göra såhär:

1.Kopiera följande kod:

Width =1200; // <-Hur mycket du vill att det ska snöa på bredden

Height =7000; // <- Hur mycket du vill att det ska snöa på sidorna

Count =70; // <-Hur många flingor du vill att det ska snöa

MaxStep=5; // <- Max hastighet på snöflingorna

MinStep=1; // <-Minst hastighet på snöflingorna

MaxFlake=15; // <- Max storlek på snöflingorna

MinFlake=7; // <-Minst hastighet på snöflingorna

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>

2. Gå till eran blogg och gå till Design ->Kodmallar

3. Klistra in koden ovan efter </head> och innan <body>

4. Glöm inte ta bort tjocka texten på fösta raderna i koden och ändra hur ni vill ha det. (Koden övan är mina flingor)

Hoppas att ni förstår, annars är det bara att fråga!
LYCKA TILL!

ALLT

Kommentarer

Postat av: Patricia♡

Tack:)

2011-11-28 ♥ 12:25:01
Blogg: http://patriciac.blogg.se/