eKiwi

Füge in den Head-Bereich deiner HTML-Seite den folgenden Text ein:

<script language="JavaScript">
<!--
maus=1;
katz=5;

function load() {
if(document.images == null) {
alert("Ihr Browser unterstuetzt die beschriebenen Funkionen leider nicht");
return;
}
document.images["feld"+maus].src="maus.gif";
document.images["feld"+katz].src="katzel.gif";
dummy=new Image();
dummy.src="katzer.gif";
}

function over(num) {
if(document.images == null)return;
window.status="Fang die Maus ...";
document.images["feld"+katz].src="leer.gif";
dist=maus-num;
if(Math.abs(dist) <= 2) {
document.images["feld"+maus].src="leer.gif";
if(dist < 0) {
maus=num-2;
if(maus < 0)maus=9;
} else {
maus=num+2;
if(maus > 9)maus=0;
}
document.images["feld"+maus].src="maus.gif";
}
if(num > katz) {
document.images["feld"+num].src="katzer.gif";
} else {
document.images["feld"+num].src="katzel.gif";
}
katz=num;

}
//-->
</script>
 

Füge in den Body-Tag den folgenden Text mit ein:

onLoad="load();" background="../../../bilder/hintergrund.gif"

Füge in den body-Bereich dieses Script ein:

<script language="JavaScript">
<!--
for(ii=0; ii<10; ii++) {
document.write('<a href="#" onMouseOver="{over('+ii+'); return true;}">');
document.write('<img src="leer.gif" width=50 height=30 border=0 name="feld'+ii+'"></a>');
}
//-->
</script>
 

Und downloade dir noch diese Bilder: klick!

Hinweis: Wenn du dir hier die Quelltexte kopierst, dann füge sie am besten mit einen Texteditor in dein HTML-Dokument ein, da die meisten Webeditoren es als normalen Text interpretieren.
 



Copyright Dunkel & Iwer GbR - Alle Rechte vorbehalten