Bruno Reinhart: sensitiver Link

Beitrag lesen

<HEAD>

<script language="JavaScript">
  <!--

Normal1 = new Image();
  Normal1.src = "images/menu/zur1.gif";
  Highlight1 = new Image();
  Highlight1.src = "images/menu/zur2.gif";

Normal2 = new Image();
  Normal2.src = "images/menu/hom1.gif";
  Highlight2 = new Image();
  Highlight2.src = "images/menu/hom2.gif";

Normal3 = new Image();
  Normal3.src = "images/menu/vor1.gif";
  Highlight3 = new Image();
  Highlight3.src = "images/menu/vor2.gif";

Normal4 = new Image();
  Normal4.src = "images/menu/info1.gif";
  Highlight4 = new Image();
  Highlight4.src = "images/menu/info2.gif";

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

<script language="JavaScript">
<!--
function Informationen()
{
  Info =
  window.open("informationen/menuinfo.htm", "Infos", "width=320,height=300,scrollbars=no");
}
//-->
</script>

</HEAD>

<BODY>

<a href="javascript:parent.frame04.history.go(-1)" onMouseOver="Bildwechsel(0,Highlight1)"
onMouseOut="Bildwechsel(0,Normal1)">
<img src="images/menu/zur1.gif" border=0></a>

<a href="start.htm" target="frame04" onMouseOver="Bildwechsel(1,Highlight2)"
onMouseOut="Bildwechsel(1,Normal2)">
<img src="images/menu/hom1.gif" border=0></a>

<a href="javascript:parent.frame04.history.go(1)" onMouseOver="Bildwechsel(2,Highlight3)"
onMouseOut="Bildwechsel(2,Normal3)">
<img src="images/menu/vor1.gif" border=0></a>

<a href="javascript:Informationen()" onMouseOver="Bildwechsel(3,Highlight4)"
onMouseOut="Bildwechsel(3,Normal4)">
<img src="images/menu/info1.gif" border=0></a>

</BODY>

</HTML>

Studiere mal dieses Beispiel (auch in SelfHTML enthalten)! Es funktioniert mit Bildern, welche sich dan abwechseln, wenn Du mit der Maus über sie fährst.

Gruss
Reini