eKiwi

Füge dieses Script in den body-Bereich deiner HTML-Datei ein:

<script LANGUAGE="JavaScript">
<!--
// (c) by Manfred Renner
IMG01 = "on.gif" //image when mouse is over the link
IMG02 = "off.gif" //image when mouse isn't over the link

function imgover(imgname){
imgname.src = IMG01
}

function imgout(imgname){
imgname.src = IMG02
}

//-->
</script>
 

Um die Pfeile zu erzeugen musst du noch diesen Quellcode eingeben:

<img NAME="IMG01" SRC="off.gif" WIDTH="10" HEIGHT="10" BORDER="0">
<a HREF="http://" onMouseOver="imgover(IMG01)" onMouseOut="imgout(IMG01)">Link 1</a> <br>
<img NAME="IMG02" SRC="off.gif" WIDTH="10" HEIGHT="10" BORDER="0">
<a HREF="http://" onMouseOver="imgover(IMG02)" onMouseOut="imgout(IMG02)">Link 2</a>
 

Und speichere  dieses Bild ab:

(Beachte: das zweite Bild heißt off.gif und muss der Hintergrundfarbe deiner HTML-Seite entsprechen. Am besten erstellst du das selbst in einen Grafikprogramm)

    

on.gif

 

Hinweis: Wenn du dir hier die Quelltexte kopierst, dann füge sie am besten mit einen Texteditor in dein HTML-Dokument ein, da die meisten Webeditoren es als normalen Text interpretieren.
 



Copyright Dunkel & Iwer GbR - Alle Rechte vorbehalten