JavaScripts -> Animation -> Schnee auf der Webseite

Mit diesem Script schneit es auf Ihrer Webseite! Detailliert konfigurierbar.

Beispiel Anzeigen >>

Script-Code

<script type="text/javascript">
<!--
//Snow v1.0 (c) 2003 Triple-M / http://www.htmlarsenal.de

//Benutzung/Usage: Script mit dem Inhalt snow(); im body-Bereich / script with the content snow(); in the body area

var count=40; //Anzahl der Flocken / number of flakes
var sizemin=10; //Minimale Größe / minimum size
var sizemax=15; //Maximale Größe / maximum size
var speedmin=2; //Minimale Vertikalgeschwindigkeit / minimum vertical speed
var speedmax=5; //Maximale Vertikalgeschwindigkeit / maximum vertical speed
var speedchange=0; //Maximale Veränderung der Vertikalgeschwindigkeit / maximum change of vertical speed
var movemin=-3; //Minimale Horizontalgeschwindigkeit / minimum horizontal speed
var movemax=3; //Maximale Horizontalgeschwindigkeit / maximum horizontal speed
var movechange=1; //Maximale Veränderung der Horizontalgeschwindigkeit / maximum change of horizontal speed
var delay=50; //Pause zwischen den Bewegungen / delay between moves

//Ab hier bitte nichts mehr verändern / Please do not change anything from here on

var w;
var h;
var snx=new Array();
var sny=new Array();
var sns=new Array();
var snm=new Array();

function snowup() {
  for(i=0;i<count;i++) {
    sns[i]=sns[i]-speedchange+Math.floor(Math.random()*(speedchange*2+1));
    if(sns[i]<speedmin)sns[i]=speedmin;
    if(sns[i]>speedmax)sns[i]=speedmax;
    snm[i]=snm[i]-movechange+Math.floor(Math.random()*(movechange*2+1));
    if(snm[i]<movemin)snm[i]=movemin;
    if(snm[i]>movemax)snm[i]=movemax;
    snx[i]+=snm[i];
    sny[i]+=sns[i];
    if(sny[i]>h) {
      snx[i]=Math.floor(Math.random()*w);
      sny[i]=0-sizemax-speedmax;
      sns[i]=speedmin+Math.floor(Math.random()*(speedmax-speedmin+1));
      snm[i]=movemin+Math.floor(Math.random()*(movemax-movemin+1));
    }
    document.getElementById("snow"+i).style.left=snx[i];
    document.getElementById("snow"+i).style.top=sny[i];
  }
}


function snow() {
  w=screen.availWidth-20;
  h=screen.availHeight-50;
  for(i=0;i<count;i++) {
    document.write('<div id="snow'+i+'" style="color:#ffffff; font-family:Verdana,sans-serif; font-size:'+(sizemin+Math.floor(Math.random()*(sizemax-sizemin+1)))+'px; position:absolute; left:0px; top:0px">*</div>');
    snx[i]=Math.floor(Math.random()*w);
    sny[i]=Math.floor(Math.random()*h);
    sns[i]=speedmin+Math.floor(Math.random()*(speedmax-speedmin+1));
    snm[i]=movemin+Math.floor(Math.random()*(movemax-movemin+1));
  }
  window.setInterval("snowup()",delay);
}
//-->
</script>