Fallande snö på bloggen

<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 =60; // antal snöflingor OBS! ange inte för stort antal!
MaxStep=8; // max steg i rörelsen
MinStep=5; // min steg i rörelsen
MaxFlake=10; // 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;
document.write("<div id='Obj" + i + "' style='position:absolute; left:0px; top:-20px; z-index:10000; visibility:hidden; color:#ffffff; 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);
</scriptSom ni ser har jag precis satt in fallande snö på min blogg. Nu kan ni också ha det!
Som ni ser har jag precis lagt in fallande snö på min blogg, nu ska jag visa er hur ni ska göra för att få det också!
1. Gå till kodmallen. Leta upp <head>
(finns nästan högst upp)

2. Klistra in någon av följande koder under <head>.

 

SNÖ 1

SNÖ 2

Spara och sedan är det klart!

RSS 2.0