. -

Svar på tal

Carro - ÅÅÅhhh hur gjorde du dessa snö sjtänor som faller i bloggen :)

Svar: Koden här nedanför Kopierar du och lägger in på din kodmall ovanför ordet <head> Om du vill ändra färg, eller dem här "snöbollarna" så leta efter det här "avsnittet: 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>");

Där det är markerat med fet stil, där kan du ändra färg. Och pricken som är markerad med fet stil, byter du ut mot något annat! Jag valde sånhär: * Och en sån symbol finns på tangentbordet :) (Går även att ha hjärtan, och dem symbolerna i symbol fältet när du skriver ett inlägg)

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>

Det går även att ange hur många snöflingor som ska falla samtidigt. Det står högt upp i koden. Hoppas du förstår, hehe :)

2012-12-10 @ 19:58:07 Life of Me Permalink

Kommentarer

Postat av: carro

Tack så mycket det funkade checka min blogg :)

2012-12-10 @ 22:27:01
URL: http://carroolb.blogg.se

Trackback