Regentropfen

Dieses Javascript von unserem User Vollautomatisch lässt Regentropfen auf dem Bildschirm erscheinen, welche nach einer gewissen Zeit wieder verschwinden.

Dabei kann man die Farben der Tropfen, die Anzahl sowie die Größe der Regentropfen einstellen.

<!-- präsentiert von kostenlose-javascripts.de --> <script type='text/javascript'> <!-- var dombrowser = document.getElementById; var tropfen = 100; // Anzahl der "Tropfen" var breite = 20; // Breite der "Tropfen" in Pixel var sekunde = 5; // Funktionsaufruf / Sekunde var verzug = 0; // Startverzug in Sekunden var farbe = new Array('#9DC9FF', '#9DC9FF', '#BBDAFF', '#D2E7FF', '#E6F1FF', '#ffffff'); // Farben, die vorkommen (v.l.) //=============================================== // (C)opyright by Vollautomatisch June 19 2007 // Don't change anything below this line, // unless you know what you are doing! //=============================================== var farben = new Array(); var vorkommen = 5; // Hier angeben, wie oft die oben genannten Farben vorkommen for ( var j = 0; j < (vorkommen * farbe.length); j += vorkommen ) { for ( var k = 0; k < vorkommen; k++ ) { farben[j + k] = farbe[j / vorkommen]; } } var belegt = new Array(); var fade = farben.length; tropfen += fade; document.write('<style type="text/css">'); document.write('.regen_div {'); document.write(' width: ' + breite + 'px;'); document.write(' height: ' + breite + 'px;'); document.write(' left: -256px;'); document.write(' top: -256px;'); document.write(' background-color: lightblue;'); document.write(' border: 1px solid #0080FF;'); document.write(' font-size: 2px;'); document.write(' line-height: 2px;'); document.write(' position: absolute;'); document.write('}'); document.write('body {'); document.write(' background-color: #ffffff;'); document.write('}'); document.write('</style>'); if (dombrowser) // --> moderne Browser { for ( var i = 0; i < tropfen; i++ ) { document.write('<div id="tropfen_' + i + '" class="regen_div"></div>'); } } else // --> alter Netscape { for ( var i = 0; i < tropfen; i++ ) { document.write('<layer id="tropfen_' + i + '" class="regen_div"></layer>'); } } // ================ Hier hört der statische Teil auf! ================ function dec2hex (zahl) { zahl = parseInt(zahl); var hex = new Array(0, 1, 2, 3, 4, 5, 6, 7, 8, 9, "A", "B", "C", "D", "E", "F"); var hex2 = new Array("00", "01", "02", "03", "04", "05", "06", "07", "08", "09", "A0", "B0", "C0", "D0", "E0", "F0"); if (zahl < 16) { return hex2[zahl]; } else { var kopie = zahl; for (var i = zahl; i > (zahl-17); i--) { if (i %16 == 0) { return (hex[i/16] + "" + hex[(kopie-i) % 16]) } } } } function border (k) // Zeichnet die verschiedenfarbigen Rahmen der "Tropfen" { var hex = farben[k].substring(1, 7).toLowerCase(); if (hex != 'ffffff') { var hexadezimaleZahlen = '0123456789abcdef'; var rot1 = hexadezimaleZahlen.indexOf( '' + hex.substring(0, 1) ); var rot2 = hexadezimaleZahlen.indexOf( '' + hex.substring(1, 2) ); var rot = rot1 * 16 + rot2; var gruen1 = hexadezimaleZahlen.indexOf( '' + hex.substring(2, 3) ); var gruen2 = hexadezimaleZahlen.indexOf( '' + hex.substring(3, 4) ); var gruen= gruen1 * 16 + gruen2; var blau1 = hexadezimaleZahlen.indexOf( '' + hex.substring(4, 5) ); var blau2 = hexadezimaleZahlen.indexOf( '' + hex.substring(5, 6) ); var blau = blau1 * 16 + blau2; var dunkelfaktor = 25; if (rot > dunkelfaktor) { rot = (rot - dunkelfaktor) + '' } else { rot = 0 + ''; } if (rot.length < 2) { rot = '0' + rot } else { rot = rot; } if (gruen > dunkelfaktor) { gruen = (gruen - dunkelfaktor) + '' } else { gruen = 0 + ''; } if (gruen.length < 2) { gruen = '0' + gruen } else { gruen = gruen; } if (blau > dunkelfaktor) { blau = (blau - dunkelfaktor) + '' } else { blau = 0 + ''; } if (blau.length < 2) { blau = '0' + blau } else { blau = blau; } return ( '1px solid #' + dec2hex(rot) + '' + dec2hex(gruen) + '' + dec2hex(blau) ); } else { return '0'; } } function regne () // Bewegt die einzelnen "Tropfen" an zufällige Positionen { fade++; if ( fade > (tropfen - 1) ) { fade = farben.length; } var screenHoehe = screen.height; var screenBreite = screen.width; var x = parseInt( Math.random() * (screen.height - 100) ); var y = parseInt( Math.random() * (screen.width - 100) ); document.getElementById('tropfen_' + fade).style.top = x+"px"; document.getElementById('tropfen_' + fade).style.left = y+"px"; for ( var k = 0; k < farben.length; k++ ) { document.getElementById( 'tropfen_' + (fade - k) ).style.backgroundColor = farben[k]; var rahmen = border(k); if ( parseInt(rahmen) != 0 ) { document.getElementById( 'tropfen_' + (fade - k) ).style.border = rahmen; } else { document.getElementById( 'tropfen_' + (fade - k) ).style.left = -256; document.getElementById( 'tropfen_' + (fade - k) ).style.top = -256; } } if (sekunde != 0) { window.setTimeout( "regne()", parseInt(1000 / sekunde) ); } else { regne(); } } //--> </script> <br /> JavaScript von <a href="http://www.kostenlose-javascripts.de/javascripts/verschiedenes/regentropfen/" target="_blank">kostenlose-javascripts.de</a> <br /> <script type="text/javascript">window.setTimeout("regne()", verzug * 1000);</script> <!-- präsentiert von kostenlose-javascripts.de -->