Fallnade hjärtan på bloggen.♥
Tänkte ge ut koden som man behöver om man t.ex vill ha fallande hjärtan.♥
1: Klistra in denna kod under på kodmallar, precis under </body> i alla kodmallarna
2: Om du vill ändra storlek, antal hjärtan osv så gör du det på översta texter på Width, Heigh, Count osv det är storlek, hur snabbt dem ska falla, hur många osv. :)
3: Om du vill byta från hjärtan till något annat så kollar du i kodmallen efter
Kodmallen som ska klistras in:
1: Klistra in denna kod under på kodmallar, precis under </body> i alla kodmallarna
2: Om du vill ändra storlek, antal hjärtan osv så gör du det på översta texter på Width, Heigh, Count osv det är storlek, hur snabbt dem ska falla, hur många osv. :)
3: Om du vill byta från hjärtan till något annat så kollar du i kodmallen efter
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>");
}
Där ser du ett hjärta. Du tar bort hjärtat och klistrar in vad du vill ha. Klicka sedan på spara så har du det fallande på din blogg. Om du vill byta färg så kollar du på kodmallen ovanför där man bytar fallande sak så står det color:#FFF där bytar du HTML färg. :)
Kodmallen som ska klistras in:
<script type="text/javascript">
Width =1000; // 1000
Height =2000; // 2000
Count =25; // 100
MaxStep=3; // 3
MinStep=1; // 1
MaxFlake=10; // 10
MinFlake=4; // 4
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>
<script type="text/javascript">
Width =1000; // 1000
Height =2000; // 2000
Count =25; // 100
MaxStep=3; // 3
MinStep=1; // 1
MaxFlake=10; // 10
MinFlake=4; // 4
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>
