Es regnet Rosen

Das folgende Script ist von unserem Schneeflocken-Script abgeleitet.

Ideal für Homepages mit dem Thema Liebe oder Valentinstag, denn es regnet rote Rosen.

Ladet einfach das folgende Bild auf eure Homepage und passt ggf. den Pfad im Script an, fertig 🙂

Bei Fragen hilft unser Forum natürlich weiter.

Viel Spass

<!-- präsentiert von kostenlose-javascripts.de --> <script type='text/javascript'> <!-- var no = 18; // Anzahl der Rosen var speed = 25; // Geschwindigkeit -> je kleiner die Zahl, desto schneller var redrose = "rose_rot.gif"; var dx, xp, yp; // coordinate and position variables var am, stx, sty; // amplitude and step variables var i, doc_width, doc_height; 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='schneedot"+ i +"' style='position: absolute; z-index: "+ (999999999+i) +"; visibility: visible; top: 15px; left: 15px;'><img src='" +redrose + "' border='0'></div>"); } else { document.write("<div id='schneedot"+ i +"' style='position: absolute; z-index: "+ (999999999+i) +"; visibility: visible; top: 15px; left: 15px;'><img src='" +redrose + "' border='0'></div>"); } } function snowIE() { // 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("schneedot"+i).style.top = yp[i] + "px"; document.getElementById("schneedot"+i).style.left = (xp[i] + am[i]*Math.sin(dx[i])) + "px"; } setTimeout("snowIE()", speed); } snowIE(); //--> </script> <br /> JavaScript von <a href="http://www.kostenlose-javascripts.de/javascripts/verschiedenes/es-regnet-rosen/" target="_blank">kostenlose-javascripts.de</a> <br /> <!-- präsentiert von kostenlose-javascripts.de -->