Vill du ha snöflingor på bloggen?


Gör såhär: Gå in i Design ---> Kodmallar och leta upp </head>

Sen klistrar du in hela den här texten mellan de båda </head> 
Spara kodmallen och gör samma sak i alla 4 kodmallarna om du vill att det ska snöa på alla sidor i din blogg.


</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;
}

 

Lycka till!



Kommentarer
Postat av: Linnea <3

Haha, jao ;)



Allt bra?

Kram

2011-10-31 @ 09:43:18
URL: http://labo.blogg.se/
Postat av: Frida

Hur kommer snöflingorna att se ut? :D Svara gärna i min blogg! :D :D

2011-10-31 @ 14:49:11
URL: http://tabybrudarna.blogg.se/
Postat av: Linnea

Härligt ;) jo det är bara toppen ! Hoppas du fick en kanon start på veckan !! :D kram

2011-11-01 @ 00:00:50
URL: http://labo.blogg.se/

Kommentera inlägget här:

Namn:
Kom ihåg mig?

E-postadress: (publiceras ej)

URL/Bloggadress:

Kommentar:

Trackback
bloglovin

Kontakta mig:
[email protected]




RSS 2.0