Link i mouseover

Sagtens.
Dine links skal blot se sådan ud:

<a href="link1.html" onMouseOver="overFunktion(value1);" onClick="clickFunktion(value1);">Link 1</a>
<a href="link2.html" onMouseOver="overFunktion(value2);" onClick="clickFunktion(value2);">Link 2</a>
<a href="link3.html" onMouseOver="overFunktion(value3);" onClick="clickFunktion(value3);">Link 3</a>

Så definerer du bare de funktioner du vil have.

Jah, jeg udtrykte/forklarede mig nok forkert.
Det jeg har brug for er, at jeg har 4 forskellige knapper og de har hver især deres egen mouseover og deres egne forskelligen links.
Det vil sige at jeg ikke kun skal kunne udskifte tekst men også links ved en mouse over.
Udtrykker jeg mig klart nok.
Så er det ikke nok kun at bruge dit løsningsforslag er det!!

Det kan også godt lade sig gøre.
Du skal bare bruge layers også visible/hidden. Jeg har klippet det her ud fra et dokument jeg havde liggende, så jeg ved ikke helt om det virker, men der er i hvertfald princippet:

<html>
<head>
<title>MouseOver 1</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="javascript">
<!--


// --- MouseOver funktion til teksten ---
function vis_lag(lag_id) {
if(document.layers) {
document.lag_id.visibility="show";
document.lag_txt_0.visibility="hide"}
else {if (document.all)lag_id.style.visibility="visible";
lag_txt_0.style.visibility="hidden"}
}


// --- MouseOut funktion til teksten ---
function skjul_lag(lag_id) {
if(document.layers) document.lag_id.visibility="hide";
if(document.layers) document.lag_txt_0.visibility="show";
else {if (document.all)lag_id.style.visibility="hidden";
lag_txt_0.style.visibility="visible"}
}

//-->
</script>
</head>

<body bgcolor="#FFFFFF" marginheight="0" marginwidth="0" leftmargin="0" topmargin="0">

<!-- --- Tekst lag --- //-->

<div id="lag_txt_0" style="position:absolute; left:210; top:10; width:180px; height:80; z-index:1; visibility: visible">
  Denne tekst vil blive vist når man ikke rører nogle links</div>

<div id="lag_txt_1" style="position:absolute; left:210; top:10; width:180px; height:80; z-index:1; visibility: hidden">
  Dette er det tekstfelt vises ved berøring af Link 1</div>

<div id="lag_txt_2" style="position:absolute; left:210; top:10; width:180px; height:80px; z-index:1; visibility: hidden">
  Dette er det tekstfelt vises ved berøring af Link 2</div>

<div id="lag_txt_3" style="position:absolute; left:210; top:10; width:180px; height:80px; z-index:1; visibility: hidden">
  Dette er det tekstfelt vises ved berøring af Link 3</div>

<div id="lag_txt_4" style="position:absolute; left:210; top:10; width:180px; height:80px; z-index:1; visibility: hidden">
  Dette er det tekstfelt vises ved berøring af Link 4</div>



      <p align="center"><a href="link1.htm" onMouseOver="vis_lag(lag_txt_1)"; onMouseOut="skjul_lag(lag_txt_1)">Link1</a></p>
      <p align="center"><a href="link2.htm" onMouseOver="vis_lag(lag_txt_2)"; onMouseOut="skjul_lag(lag_txt_2)">Link2</a></p>
      <p align="center"><a href="link3.htm" onMouseOver="vis_lag(lag_txt_3)"; onMouseOut="skjul_lag(lag_txt_3)">Link3</a></p>
      <p align="center"><a href="link4.htm" onMouseOver="vis_lag(lag_txt_4)"; onMouseOut="skjul_lag(lag_txt_4)">Link4</a></p>

</body>
</html>

Okay jeg prøver,
kunne du fortælle mig, i hvilke browser det vil virke!
lip

det skulle gerne være crossbrowser min. version 4. Altså både NN4 og IE4.

kunne du bruge det?

Skjoldby,
det virker godt nok, bortset fra at ved mouseout forsvinder teksten igen. Og det er jo ikke meningen når man skal kunne klikke på et link.
så der mangler en funktion som gør at teksten først forsvinder når jeg fører musen over en anden knap.
Kan du hjælpe med det!!!
lip

Hej Skjoldby,
jeg vil gerne give dig point fordi du hjalp mig igang,
dit eksempel virker nemlig ikke helt som jeg gerne vil have det til, men er dog OKAY.
Lad os så få lukket det spørgsmål!!