Lucka 2 - fallande snöflingor på bloggen

Om ni också vill ha fallande snö på eran blogg (så som jag har), ska ni läsa det här:

1. Gå till design → kodmallar

2. Leta upp </head>

3. Klista in denna ↓ koden mellan </head> och </head>


</head>
<script>
<!--
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;
}


OBS: glöm inte ta bort guidetexten!
OBS 2: om du vill ha snöflingor i alla sidor klistar du in koden i alla kodmallar.

Kommentarer
Postat av: stina

Hej, fattar inte hur man ska göra ?

2011-12-06 @ 08:09:14
URL: http://systerstinaa.blogg.se/

Kommentera inlägget här:

Namn:
Kom ihåg mig?

E-postadress: (publiceras ej)

URL/Bloggadress:

Kommentar:

Trackback
RSS 2.0
¨