Det er nok svært at forklare. Har her lavet en side med en mouse-over knap i en tabel. Koden:
<!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('
file:///C|/Inetpub/wwwroot/Dating/knap-opdater-red.gif')">
<table width="200" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><a href="
http://www.side.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image1','','
file:///C|/Inetpub/wwwroot/Dating/knap-opdater-red.gif',1)"><img src="
file:///C|/Inetpub/wwwroot/Dating/knap-opdater.gif" name="Image1" width="139" height="19" border="0"></a></td>
</tr>
</table>
</body>
</html>
Men ellers laver man vel 2 forskellige knapper i Photoshop, og det er så hjemmesideprogrammet, der kan lave scriptet.
Jeg bruger Dreamweaver og der kan jeg trykke på ikonet Rollover Image, hvis jeg vil lave en sådan knap. Den spørger så hvilket billede der skal vises først, og hvilket den skal vise, når man kører musen over samt hvor man skal hen, når der bliver trykket.
(Kender ikke funktionen i Image Ready).
Hvilket program bruger du til at lave hjemmeside med?