Rennender Hund

[Hape]

Hier ein Script das einen Hund von rechts nach links über den Bildschirm laufen läßt.

Code: Alles auswählen

<script type='text/javascript'>
<!--
// Script by Freddus anno2007
// visit my site: http://www.friederklein.de

var MiliSekProPX = 150; //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
setTimeout("durchlauf()",10);
</script>

Hier dazu eine Demoseite: Rennender Hund

rennender_hund.gif (1.47 KiB) 4394 mal betrachtet