Lägg in snö på din blogg (variant 2)
Om man vill skapa lite julstämning på sin blogg, så kan man lägga in lite snöflingor som dalar ner över bloggen.
Det här är faktiskt väldigt lätt att göra, och kräver inte så mycket jobb.
Vill du se ett exempel på hur det ser ut, så kan du kika här: [Länk]
Gör så här:
1. Gå in i dina kodmallar.
2. Kopiera koden som är i rutan nedanför:
<script type="text/javascript"> Width =1000; // ange bredden på sidan som ska snöas in... Height =2000; // ange höjden på sidan som ska snöas in... Count =25; // 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=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:#fff; 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>
3. Leta upp </head> och lägg in koden ovanför den raden.
Svårare än så är det inte.