mouse over i html?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
  if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>

<body onLoad="MM_preloadImages('billede.jpg')">
<a href="www.ditlink.dk" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Billedenavn','','billede.png',1)"><img src="billede2.JPG" alt="Alternativ tekst" name="Billedenavn" width="480" height="640" border="0"></a>
</body>
</html>

donwang --> hvis nu jeg skal have flere billeder sat ind ved siden af hinanden i en menu går det jo ikke at der står noget i <body> ?

og i denne her:

<body onLoad="MM_preloadImages('billede.jpg')">
<a href="www.ditlink.dk" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Billedenavn','','billede.png',1)"><img src="billede2.JPG" alt="Alternativ tekst" name="Billedenavn" width="480" height="640" border="0"></a>
</body>

vil du så ikke ændre der hvor man skal sætte navnene på filerne ind
og kalde dem "knap" og "knap2" ?

så skal du nok få point :D

mvh Ranger

<form name="minForm">

<button name="button1" id="button1" onmouseover="this.form.button2.style.display='block';" onclick="location.href='enAndenSide.html';">Mus over og tryk!</button><br><br>

<button name="button2" id="button2" style="display:none;">En ny knap!</button>

</form>

Så sætter du bare en til af den har ind under den anden:

<a href="www.ditlink.dk" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Billedenavn','','billede.png',1)"><img src="billede2.JPG" alt="Alternativ tekst" name="Billedenavn" width="480" height="640" border="0"></a>

roenving --> sorry, men det er ikke det jeg mener

der skal ikke komme en ny knap frem under den anden, men den skal erstatte den anden

donwang --> Ja, lige præcis... nu nærmer jeg mig :D

men gider du ikke lige at ændre det.. ( bare lidt )

sådan at "knap1.jpg" ligger der også når man køre musen over erstattes den med "knap2.jpg"
også skrive det ind sådan at den er lige til at kopier?

<a href="www.ditlink.dk" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Billedenavn','','billede.png',1)"><img src="billede2.JPG" alt="Alternativ tekst" name="Billedenavn" width="480" height="640" border="0"></a>

sådan at der hvor der f.eks. står billedet2.jpg bliver skiftet ud med knap2.jpg osv.

mvh Ranger

Du kan da lige se det ;O)
<form name="minForm">

<button name="button1" id="button1" onmouseover="this.form.button2.style.display='block';this.style.display='none';">Mus over og få et link!</button><br><br>

<button name="button2" id="button2" style="display:none;" onclick="location.href='enAndenSide.html';">Klik her!</button>

</form>

takker har fået det til at virke :D

donwangs metode jeg brugte