Rennender Hund

Das folgende Javascript von unserem User Freddus (vielen Dank an dieser Stelle dafür) richtet sich an alle Hundeliebhaber mit eigener Homepage.

Ein kleiner Hund läuft dabei von rechts nach links durch eure Homepage. Die Renngeschwindigkeit des Hundes könnt ihr dabei einstellen. Auch die Wartezeit, wie lange es dauert bis der Hund nach einem Durchlauf wieder auf der Homepage erscheint, kann eingestellt werden.

Wenn ihr das Javascript auf eure Homepage kopiert, ändert bitte die Variable Bildchen ganz oben, indem ihr das folgende Bild erst herunterladet, es dann auf den Webspace eurer Homepage hochladet und anschließend den absoluten Pfad bei dieser Variablen eintragt.

<!-- präsentiert von kostenlose-javascripts.de --> <script type='text/javascript'> <!-- // Script by Freddus anno2007 // visit my site: http://www.friederklein.de var MiliSekProPX = 80; //hier Geschwindigkeit in Millisekunden/Pixel einstellen! var WarteSek = 2; //hier Wartezeit in Sekunden einstellen, die ablaufen, bis der Hund wieder von Vorne loslaeuft. var Bildchen = "rennender_hund.gif"; var zaehler = 0; var varzelle1 = 5; var varzelle2 = 95; document.write('<table border="0" width="100%">'); document.write('<tr>'); document.write(' <td width="5%" id="zelle2"></td>'); document.write(' <td width="95%" id="zelle1">'); document.write(' <img src="' + Bildchen + '" align="left" id="hund">'); document.write(' </td>'); document.write('</tr>'); document.write('</table>'); function durchlauf(){ if (document.getElementById("hund").style.visibility=="hidden"){ document.getElementById("hund").style.visibility="visible"; }// ende if zaehler++; document.getElementById("zelle1").width=varzelle1+"%"; varzelle1++; document.getElementById("zelle2").width=varzelle2+"%"; varzelle2--; if (zaehler<95){ setTimeout("durchlauf()",MiliSekProPX); }// ende if else{ document.getElementById("hund").style.visibility="hidden"; zaehler=0; varzelle1=5; varzelle2=95; setTimeout("durchlauf()",WarteSek*1000); }// ende else }//ende durchlauf //--> </script> <br /> JavaScript von <a href="http://www.kostenlose-javascripts.de/javascripts/bilder/rennender-hund/" target="_blank">kostenlose-javascripts.de</a> <br /> <script type="text/javascript">setTimeout("durchlauf()",10);</script> <!-- präsentiert von kostenlose-javascripts.de -->