[Letzte Bearbeitung: 30. Dezember 2005]
Das folgende, hier verlinkte Bildelement verändert sein Aussehen, sobald der Mauszeiger auf es bewegt wird:
Gleichzeitig ist in der Statuszeile unten ein Hinweis zu lesen.
Ein <script>-Tag wird zwischen das <head>- und das <body>-Tag gesetzt: |
<script type="text/JavaScript"> <!-- Button1=new Image(); Button1.src="images/aktuelles2006.gif"; Button2=new Image(); Button2.src="images/inv_akt2006.gif"; function aktivieren1() {window.document.images["java"].src=Button2.src; window.status='Aktuelle Veranstaltungen';} function deaktivieren1() {window.document.images["java"].src=Button1.src; window.status=' ';} //--> </script> |
Die Bilddatei wird folgendermaßen verlinkt: |
<a href="texte/veranst.html" onMouseOver="aktivieren1(); return true" onMouseOut="deaktivieren1(); return true"> <img name="java" src="images/aktuelles2006.gif" border="0" alt="Aktuelle Veranstaltungen"> </a> |