snöflingor ^^

kan nån hjälpa mej med en sak? De finns så många bloggar med sånadär söta snöflingor som faller ner på bloggen. och jag vill så ha de :D Men jag vet int hur man gör de :/ kan nån snälla hjälpa mig??

love, Annuli♥

Kommentarer
Postat av: Madde

Sv: Tack! ;D och hur har du gjort din design? Den är så snygg.. jag vill göra en ny men jag vet inte hur man gör! har du gjrot den på något speciellt sätt? i gimp? ;D

2011-01-22 @ 10:15:52
URL: http://livetformadde.blogg.se/
Postat av: emma

Du kopierar denhär koden:



</head>

<script language="JavaScript">

<!--

Width =800 // ange bredden på sidan som ska snöas in...

Height =600 // 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=20 // max storlek på snöflinga

MinFlake=5 // 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



//färg på snöflingor och tecken som används (asterisk * i exemplet)

document.write("<div id='Obj" + i + "' style='position:absolute; left:0; top:0; visibility:hidden; color:#E5E5E5; font-size:"+StarSize[i]+"'>*</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] > document.body.clientHeight-20||PosX[i] > document.body.clientWidth-20||PosX[i]<0) { // starta om från toppen av sidan när botten nås

PosX[i] = Math.random()*document.body.clientWidth///2

PosY[i] = document.body.scrollTop;

StepX[i] = MinStep+Math.random()* -MaxStep;

StepY[i] = MinStep+Math.random()*MaxStep;

}



document.getElementById("Obj"+i).style.top = PosY[i];

document.getElementById("Obj"+i).style.left = PosX[i]

}

setTimeout("animate()", 50);// hastighet

}



setTimeout("animate()", 1000)

// -->

</script>



</head>



.. och så klistrar du in den mellan </head>

och </head> i din kodmall. Sen gör du likadant i alla dina 4 kodmallar! :)

2011-01-22 @ 10:36:06

Kommentera inlägget här:

♥ Namn: (ett måste!)
Kom ihåg mig?

♥ E-postadress: (bara jag kan se det)

♥ URL/Bloggadress: (om ni har)

♥ Kommentar:


Tack för era kommentarer, de betyder jätte mycket♥ />
Trackback