Sådan der så er jeg kommet med et lille bud :D.
--------------------Start kode------------------
<!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">
<link href="css/style.css" rel="stylesheet" type="text/css">
<script type="text/javascript">
billede1 = new Image();
billede1.src = " test.gif";
billede2 = new Image();
billede2.src = " test1.gif";
function skiftbillede(img_name,img_src) {
document[img_name].src=img_src;
}
</script>
<script language="javascript">
// --- MouseOver funktion til teksten ---
function vis_lag(lag_id) {
if(document.layers) {
document.lag_id.visibility="show"}
else {if (document.all)lag_id.style.visibility="visible"}
}
// --- MouseOut funktion til teksten ---
function skjul_lag(lag_id) {
if(document.layers) document.lag_id.visibility="hide";
else {if (document.all)lag_id.style.visibility="hidden"}
}
</script>
</head>
<body>
<div align="center">
<a href="
http://www.dinside.dk" onmouseover="skiftbillede('eksempel',' test1.gif')" onmouseout="skiftbillede('eksempel',' test.gif')">
<img name="eksempel" src="test.gif" style="border:none;" usemap="#Map"></a>
<br><br>
For og åbne Menu. Klik en gang.<br><br>
For og Lukke menu Doubet Klikke på cirklen.
<map name="Map">
<area shape="circle" coords="102,43,27" onClick="vis_lag(tekst1)"; onDblClick="skjul_lag(tekst1)">
<area shape="circle" coords="102,259,27" href="
http://www.google.com" onMouseOver="vis_lag(tekst2)"; onMouseOut="skjul_lag(tekst2)">
<area shape="circle" coords="389,259,27" href="
http://www.google.com" onMouseOver="vis_lag(tekst3)"; onMouseOut="skjul_lag(tekst3)">
<area shape="circle" coords="389,42,27" href="
http://www.google.com" onMouseOver="vis_lag(tekst4)"; onMouseOut="skjul_lag(tekst4)">
</map>
</p>
</div>
<!--- Mouseover :: Placering --->
<div id="tekst1" style="position:absolute; left:594px; top:135px; width:90px; height:20px; z-index:1; visibility: hidden; background-color: #99CCFF; layer-background-color: #99CCFF; border: 1px none #000000">
<table border="1" cellpadding="0" cellspacing="0" width="90">
<tr>
<td><b>Menu Info - 1</b></td>
</tr>
<tr>
<td><a href="link1.htm"><u>Link 1</u></a></td>
</tr>
<tr>
<td><a href="link2.htm"><u>Link 2</u></a></td>
</tr>
<tr>
<td><a href="link3.htm"><u>Link 3</u></a></td>
</tr>
<tr>
<td><a href="link4.htm"><u>Link 4</u></a></td>
</tr>
</table>
</div>
<div id="tekst2" style="position:absolute; left:594px; top:135px; width:90px; height:20px; z-index:1; visibility: hidden; background-color: #99CCFF; layer-background-color: #99CCFF; border: 1px none #000000">
<table border="0" cellpadding="2" cellspacing="2" width="90">
<tr>
<td height="25" bgcolor="#3698E0"><b>Menu Info - 2</b></td>
</tr>
<tr>
<td>Når ngivet endnu, kommer der en boks frem i midten af den store menu. + kannin er tonet ned som et vandmærke.</td>
</tr>
</table>
</div>
<div id="tekst3" style="position:absolute; left:594px; top:135px; width:90px; height:20px; z-index:1; visibility: hidden; background-color: #99CCFF; layer-background-color: #99CCFF; border: 1px none #000000">
<table border="0" cellpadding="2" cellspacing="2" width="90">
<tr>
<td height="25" bgcolor="#3698E0"><b>Menu Info - 3</b></td>
</tr>
<tr>
<td>Når ngivet endnu, kommer der en boks frem i midten af den store menu. + kannin er tonet ned som et vandmærke.</td>
</tr>
</table>
</div>
<div id="tekst4" style="position:absolute; left:594px; top:135px; width:90px; height:20px; z-index:1; visibility: hidden; background-color: #99CCFF; layer-background-color: #99CCFF; border: 1px none #000000">
<table border="0" cellpadding="2" cellspacing="2" width="90">
<tr>
<td height="25" bgcolor="#3698E0"><b>Menu Info - 4</b></td>
</tr>
<tr>
<td>Når ngivet endnu, kommer der en boks frem i midten af den store menu. + kannin er tonet ned som et vandmærke.</td>
</tr>
</table>
</div>
</body>
</html>
------------------------Slut Kode----------------------
Der er ikke gjort noget ud af designet. Det må du lige selv stå for ;)
Der står i bunden af koden hvordan du bruger det.. :D
Men held og lykke med det.
