Grafisch animierter Link

[Letzte Bearbeitung: 30. Dezember 2005]

Das folgende, hier verlinkte Bildelement verändert sein Aussehen, sobald der Mauszeiger auf es bewegt wird:

Aktuelle Veranstaltungen

Gleichzeitig ist in der Statuszeile unten ein Hinweis zu lesen.

Quelltext

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>

[zurück]  [nach oben]