.:CrunkJuice:.: mouseover

Ich hab mir auf dem Desktop eine Homepage gebastelt aber das mit dem mouseover geht nicht, wäre nett wenn ihr mir sagen könntet was ich hier ändern muss oder ihr den Code ändert und ihn mit per E-mail schickt ( dorian_bartsch@web.de ).
Danke im vorraus.
Hier ist der Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>

<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">

<title>Homepage von CrunkJuice - Home</title>
</head>

<body style="height: 100%;">

<script type="text/javascript">
Normal1 = new Image();
Normal1.src = "home.bmp";
Highlight1 = new Image();
Highlight1.src = "home2.bmp";

Normal2 = new Image();
Normal2.src = "ich.bmp";
Highlight2 = new Image();
Highlight2.src = "ich2.bmp";

Normal3 = new Image();
Normal3.src = "spiele.bmp";
Highlight3 = new Image();
Highlight3.src = "spiele2.bmp";

Normal4 = new Image();
Normal4.src = "flashs.bmp";
Highlight4 = new Image();
Highlight4.src = "flashs2.bmp";

function Bildwechsel (Bildnr, Bildobjekt) {
  window.document.images[Bildnr].src = Bildobjekt.src;
}
</script>

<div style="position: absolute; top: 701px; left: 17px; z-index: 1;">
<img style="border: 0px solid ; width: 25px; height: 49px;" alt="" src="site.bmp"></div>

<div style="position: absolute; top: 705px; left: 60px; z-index: 1;"><a href="mailto:dorian_bartsch@web.de"><img style="border: 0px solid ; width: 20px; height: 37px;" alt="Kontakt" src="kontakt.bmp"></a></div>

<div style="position: absolute; top: 194px; left: 11px; z-index: 1;">
<table style="text-align: left; width: 100px;" border="0" cellpadding="2" cellspacing="2">

<tbody>

<tr>

<td align="undefined" valign="undefined">
      <a href="http://upload.sonix.org/skater/uebermich2.html" target="_blank" onmouseover="Bildwechsel(0, Highlight1)" onmouseout="Bildwechsel(0, Normal1)"><img style="border: 0px solid ; width: 155px; height: 36px;" alt="Home" src="home.bmp"><br>

</a><a href="http://upload.sonix.org/skater/uebermich2.html" target="_blank" onmouseover="Bildwechsel(1, Highlight2)" onmouseout="Bildwechsel(1, Normal2)"><img style="border: 0px solid ; width: 155px; height: 36px;" alt="Ich" src="ich.bmp"></a><br>

<a href="http://upload.sonix.org/skater/spiele2.html" target="_blank" onmouseover="Bildwechsel(2, Highlight3)" onmouseout="Bildwechsel(2, Normal3)"><img style="border: 0px solid ; width: 155px; height: 35px;" alt="Spiele" src="spiele.bmp"></a><br>

<a href="http://upload.sonix.org/skater/flashs2.html" target="_blank" onmouseover="Bildwechsel(3, Highlight4)" onmouseout="Bildwechsel(3, Normal4)"><img style="border: 0px solid ; width: 155px; height: 35px;" alt="Flashs" src="flashs.bmp"></a><br>

</td>

</tr>

</tbody>
</table>

</div>

<div style="position: absolute; top: 712px; left: 100px; z-index: 1;"><a href="http://upload.sonix.org/skater/musik.html" onclick="pengy=window.open('http://upload.sonix.org/skater/musik.html','pengy','height=195,width=265,hotkeys=no,location=no,menubar=no,resizeable=no,scrollbars=no,status=no,toolbar=no'); return false;">
<img style="width: 26px; height: 33px;" alt="Musik" src="sound.bmp" border="0"></a></div>

<div style="position: absolute; left: 0pt; top: 0pt; height: 100%;">
<img style="width: 1004px; height: 751px;" alt="Home" src="hp.bmp"> </div>

</body>
</html>

  1. Hallo.

    Musst du Javascript verwenden? Ein Menü würde ich rein mit css realisieren. Hier müsstest du eine geeignete (änderbare) Lösungen finden.

    Die Nachteile von target="_blank" sind dir bewusst?

    MfG, Kungschu.