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>