Ett litet jul tips!
2010-12-03 KLOCKAN 13:39:17

He bloggen!
tänkte visa hur man får lite julstmning på bloggen genom att lägga in så att det snöar!
Gå in i din kodmall.
Klistra in koden här under under <head>
Hoppas det funkar!



<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

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>

Kommentarer
Postat av: sabba

yeee ellen du eger

2010-12-03 @ 13:52:21
URL: http://sabbamurhuber.blogg.se/
Postat av: wilmas

vilken lång text det ska vara...

2010-12-03 @ 14:46:47
URL: http://wearefriendss.blogg.se/
Postat av: Tessan

går inte och kopiera så måste man skriva av....???



fin blogg ;)

2010-12-04 @ 17:02:08
URL: http://fourevertessan.blogg.se/

Kommentera inlägget här:

Namn:
Kom ihåg mig?

E-postadress: (publiceras ej)

URL/Bloggadress:

Kommentar:

Trackback
RSS 2.0