Dette er godt nok ikke flash men ideen er den du leder efter
Koden er :
html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>Ny side 1</title>
</head>
<body>
<p><!--webbot bot="HTMLMarkup" startspan --><html>
<head>
<title>Undermenuer i layers</title>
<LINK REL="STYLESHEET" TYPE="text/css" HREF="../main.css">
<script language="JavaScript">
<!--
function MM_showHideLayers() { //v2.0
var i, visStr, args, theObj;
args = MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3) { //with arg triples (objNS,objIE,visStr)
visStr = args[i+2];
if (navigator.appName == 'Netscape' && document.layers != null) {
theObj = eval(args[i]);
if (theObj) theObj.visibility = visStr;
} else if (document.all != null) { //IE
if (visStr == 'show') visStr = 'visible'; //convert vals
if (visStr == 'hide') visStr = 'hidden';
theObj = eval(args[i+1]);
if (theObj) theObj.style.visibility = visStr;
} }
}
//-->
</script>
</head>
<body>
<div id="Layer1" style="position:absolute; left:125px; top:25px; width:750px; height:255px; z-index:1; visibility: visible">
<h3>Undermenu i layers</h3>
</div>
<span id="Layer2" style="position:absolute; left:125px; top:109px; width:125; height:255px; z-index:2; visibility: visible">
<a href="#" onMouseOver="MM_showHideLayers('document.layers[\'Layer5\']','document.all[\'Layer5\']','show','document.layers[\'Layer6\']','document.all[\'Layer6\']','hide','document.layers[\'Layer7\']','document.all[\'Layer7\']','hide')"><img src="Images/soeg.gif" width="100" height="20" border="0"></a><br>
</span>
<span id="Layer3" style="position:absolute; left:125px; top:129px; width:125; height:255px; z-index:3; visibility: visible">
<a href="#" onMouseOver="MM_showHideLayers('document.layers[\'Layer5\']','document.all[\'Layer5\']','hide','document.layers[\'Layer6\']','document.all[\'Layer6\']','show','document.layers[\'Layer7\']','document.all[\'Layer7\']','hide')"><img src="Images/ehandel.gif" width="100" height="20" border="0"></a><br>
</span>
<span id="Layer4" style="position:absolute; left:125px; top:149px; width:125; height:255px; z-index:4; visibility: visible">
<a href="#" onMouseOver="MM_showHideLayers('document.layers[\'Layer5\']','document.all[\'Layer5\']','hide','document.layers[\'Layer6\']','document.all[\'Layer6\']','hide','document.layers[\'Layer7\']','document.all[\'Layer7\']','show')"><img src="Images/foretrukne.gif" width="100" height="20" border="0"></a><br>
</span>
<span id="Layer5" style="position:absolute; left:250px; top:109px; width:400; height:255px; z-index:5; visibility: hidden">
<a href="
http://www.altavista.com">Altavista</a><br><a href="
http://www.webcrawler.com">Webcrawler</a><br><a href="
http://www.jubii.dk">Jubii</a><br><a href="
http://www.kvasir.dk">Kvasir</a><br></span>
<span id="Layer6" style="position:absolute; left:250px; top:129px; width:255px; height:256px; z-index:6; visibility: hidden">
<a href="
http://www.iso.dk">Iso</a><br><a href="
http://www.stop4u.com">Stop For You</a><br>
<a href="
http://center.jubii.dk/">Jubii Butikscenter</a><br>
<a href="
http://www.zoom.dk/">Danmarks shoppingguide</a><br>
</span>
<span id="Layer7" style="position:absolute; left:250px; top:149px; width:257px; height:257px; z-index:7; visibility: hidden">
<a href="
http://www.tv2.dk">TV2</a><br><a href="
http://www.dr.dk">DR</a><br><a href="
http://www.dmi.dk">Danmarks Meteorologiske Institut</a><br>
<a href="
http://www.tele.dk">TeleDanmark</a><br><a href="
http://www.dsb.dk">DSB</a><br></span>
<div id="Layer8" style="position:absolute; left:125px; top:400px; width:750px; height:255px; z-index:8; visibility: visible">
</div>
</body>
</html><!--webbot bot="HTMLMarkup" endspan -->
</p>
</body>
</html>
De steder hvor der skal være billeder må du selv vælge hvordan de skal se ud...
-Friiser-