OnMouseOver - Variante 1

Ergebnis:

1Punkt 1
2Punkt 2
3Punkt 3

Script:

<html><head>
<title>Javascript</title>
<script>
<!--
function dummy()
{
alert("Der Verweis ist nur ein Beispiel ohne aktive Funktion.")
}

var Img = new Array()

function laden_bilder(dateiname)
{
Img = new Array(2)
Img["an"] = new Image()
Img["an"].src = dateiname + "_an.gif"
Img["aus"] = new Image()
Img["aus"].src = dateiname + "_aus.gif"
}

function zeige_bild(name)
{
document[name].src = Img["an"].src
}

function verstecke_bild(name)
{
document[name].src = Img["aus"].src
}

laden_bilder("bilder/bild")

</script>
</head>
<body>

<table cellspacing=4 cellpadding=0>
 <tr valign=center>
  <td align=center>
   <a href="javascript:dummy()" onmouseover="zeige_bild('Punkt1'); return true" onmouseout="verstecke_bild('Punkt1')">
   <img src="bilder\bild_aus.gif" name="Punkt1" width=20 height=20 hspace=2 vspace=2 border=0 alt="1"></a></td>
  <td align=left valign=center><strong><big>Punkt 1</big></strong></td>
 </tr>
 <tr valign=center>
  <td align=center>
   <a href="javascript:dummy()" onmouseover="zeige_bild('Punkt2'); return true" onmouseout="verstecke_bild('Punkt2')">
   <img src="bilder\bild_aus.gif" name="Punkt2" width=20 height=20 hspace=2 vspace=2 border=0 alt="2"></a></td>
  <td align=left valign=center><strong><big>Punkt 2</big></strong></td>
 </tr>
 <tr valign=center>
  <td align=center>
   <a href="javascript:dummy()" onmouseover="zeige_bild('Punkt3'); return true" onmouseout="verstecke_bild('Punkt3')">
   <img src="bilder\bild_aus.gif" name="Punkt3" width=20 height=20 hspace=2 vspace=2 border=0 alt="3"></a></td>
  <td align=left valign=center><strong><big>Punkt 3</big></strong></td>
 </tr>
</table> //-->
</script>

</body></html>