Padający śnieg

Żeby zrobić padający śnieg, najpierw musisz mieć obrazek przedstawiający płatek śniegu. Potem skopiuj poniższy kod i wklej do pliku HTML Twojej strony. Możesz także regulować liczbę obrazków na ekranie.

[[ Kliknij, żeby zobaczyć, jak to działa ]]

[[ Kliknij, żeby zobaczyć, jak to działa ]]

[[ Kliknij, żeby zobaczyć, jak to działa ]]

[[ Kliknij, żeby zobaczyć, jak to działa ]]

<SCRIPT type="text/javascript">
<!--
// 123bloger.com

//tu wpisz nazwe obrazka, ktory ma spadac
nazwaObrazka="snow.gif";

// tu wpisz liczbe obrazkow na ekranie
liczbaObrazkow=7;

grphcs = new Array(1)
Image0 = new Image();
Image0.src = grphcs[0] = nazwaObrazka;

Ypos = new Array();
Xpos = new Array();
Speed = new Array();
Step = new Array();
Cstep = new Array();
ns = ((document.layers) ? 1 : 0);
ns6 = ((document.getElementById && (!document.all)) ?
       1 : 0);

if (ns) {
 for (i = 0; i < liczbaObrazkow; i++) {
  document.write("<LAYER NAME='obr"+i+
                 "' LEFT=0 TOP=0><img src="+
                 grphcs[0]+"></LAYER>");
 }
} else {
 document.write('<div style="position:absolute;'+
                'top:0px;left:0px">'+
                '<div style="position:relative">');
 for (i = 0; i < liczbaObrazkow; i++) {
  document.write('<img id="obr'+i+'" src="'+
                 grphcs[0]+'" style="position:absolute;'+
                 'top:0px;left:0px">');
 }
 document.write('</div></div>');
}

WinHeight = (ns || ns6) ? window.innerHeight:
                          window.document.body.clientHeight;
WinWidth = (ns || ns6) ? (window.innerWidth - 75) :
                         window.document.body.clientWidth;
for (i = 0; i < liczbaObrazkow; i++) {
 Ypos[i] = Math.round(Math.random() * WinHeight);
 Xpos[i] = Math.round(Math.random() * WinWidth);
 Speed[i] = Math.random() * 4 + 3;
 Cstep[i] = 0;
 Step[i] = Math.random() * 0.05 + 0.05;
}

function fall() {
 var WinHeight = (ns || ns6) ?
                 window.innerHeight :
                 window.document.body.clientHeight;
 var WinWidth = (ns || ns6) ?
                (window.innerWidth - 75) :
                window.document.body.clientWidth;
 var hscrll = (ns || ns6) ? window.pageYOffset :
                            document.body.scrollTop;
 var wscrll = (ns || ns6) ? window.pageXOffset :
                            document.body.scrollLeft;
 for (i = 0; i < liczbaObrazkow; i++) {
  sy = Speed[i] * Math.sin(90 * Math.PI / 180);
  sx = Speed[i] * Math.cos(Cstep[i]);
  Ypos[i] += sy;
  Xpos[i] += sx;
  if (Ypos[i] > WinHeight - 30){
   Ypos[i] =- 40;
   Xpos[i] = Math.round(Math.random() * WinWidth);
   Speed[i] = Math.random() * 4 + 3;
  }
  if (ns) {
   document.layers['obr'+i].left = Xpos[i];
   document.layers['obr'+i].top = Ypos[i] + hscrll;
  } else if (ns6) {
   document.getElementById("obr" + i).style.left =
                     Math.min(WinWidth,Xpos[i]);
   document.getElementById("obr" + i).style.top =
                              Ypos[i] + hscrll;
  } else {
   eval("document.all.obr" + i).style.left = Xpos[i];
   eval("document.all.obr" + i).style.top =
                            Ypos[i] + hscrll;
  }
  Cstep[i] += Step[i];
 }
 setTimeout('fall()',100);
}
window.onload=fall
//-->
</SCRIPT>