Herbstlaub

Es ist Herbst – zeigt es den Besuchern eurer Homepage mit diesem Javascript, was die bunten Blätter von den Bäumen fallen lässt.

Funktioniert ab sofort auch mit dem Mozilla Firefox.

Damit das Script auf eurer Homepage auch richtig funktioniert, ladet die folgenden 3 Bilder von dieser Seite runter und auf eure Homepage rauf:

Hinweis: Solltet ihr Probleme mit den Bildern haben, schaut bitte auf unsere FAQ-Seite oder in unser Forum!

<!-- präsentiert von kostenlose-javascripts.de --> <script type='text/javascript'> <!-- var no = 18; // Anzahl der Laubblaetter var speed = 25; // Geschwindigkeit -> je kleiner die Zahl, desto schneller laub = new Array(3); laub[0] = "herbstlaub1.gif"; // Bild laub[1] = "herbstlaub2.gif"; // Bild laub[2] = "herbstlaub3.gif"; // Bild var dx, xp, yp; // coordinate and position variables var am, stx, sty; // amplitude and step variables var i, doc_width = 800, doc_height = 600; doc_width = document.body.clientWidth; doc_height = 1100; dx = new Array(); xp = new Array(); yp = new Array(); am = new Array(); stx = new Array(); sty = new Array(); for (i = 0; i < no; ++ i) { dx[i] = 0; // set coordinate variables xp[i] = Math.random()*(doc_width-50); // set position variables yp[i] = Math.random()*doc_height; am[i] = Math.random()*20; // set amplitude variables stx[i] = 0.02 + Math.random()/10; // set step variables sty[i] = 0.7 + Math.random(); // set step variables if (i == 0) { document.write("<div id='laubdot"+ i +"' style='position: absolute; z-index: "+ (99999999+i) +"; visibility: visible; top: 15px; LEFT: 15px;'><img src='" + laub[i%3] + "' border='0'></div>"); } else { document.write("<div id='laubdot"+ i +"' style='position: absolute; z-index: "+ (99999999+i) +"; visibility: visible; top: 15px; LEFT: 15px;'><img src='" + laub[i%3] + "' border='0'></div>"); } } function laubIE() { // IE main animation function for (i = 0; i < no; ++ i) { // iterate for every dot yp[i] += sty[i]; if (yp[i] > doc_height-50) { xp[i] = Math.random()*(doc_width-am[i]-30); yp[i] = 0; stx[i] = 0.02 + Math.random()/10; sty[i] = 0.7 + Math.random(); } dx[i] += stx[i]; document.getElementById("laubdot"+i).style.top = yp[i] + 'px'; document.getElementById("laubdot"+i).style.left = (xp[i] + am[i]*Math.sin(dx[i])) + 'px'; } setTimeout("laubIE()", speed); } //--> </script> <br /> JavaScript von <a href="http://www.kostenlose-javascripts.de/javascripts/verschiedenes/herbstlaub/" target="_blank">kostenlose-javascripts.de</a> <br /> <script type="text/javascript">laubIE();</script> <!-- präsentiert von kostenlose-javascripts.de -->