Her er scriptet.
<!--
.menu { position:absolute;
visibility:hidden;
background-color: white;
color: black;
width: 160px;
height: auto;
border-style: solid;
border-color: black;
border-width: 2px;
padding: 2px;
font-size : 12px;
font-family: \"arial\", \"helvetica\";
font-weight: bold;
line-height: 16px;}
.menu A:hover {color: red;}
.menu A {text-decoration: none; color: black;}
-->
</style>
<SCRIPT language=\"javascript\">
//do browser detect stuff
var isNS = (navigator.appName == \"Netscape\");
var isMacIE = ( (navigator.userAgent.indexOf(\"IE 4\") > -1) && (navigator.userAgent.indexOf(\"Mac\") > -1) );
var layerRef = (isNS) ? \"document\" : \"document.all\";
var styleRef = (isNS) ? \"\" : \".style\";
var isDynamic = ( (document.layers || document.all) && !isMacIE );
var activeMenu = 0;
var finalClip;
function activateMenu(menuLayerRef, offset) {
if (isDynamic && activeMenu != menuLayerRef) {
if (activeMenu) hideMenu(\"menu\" + activeMenu);
menuID = \"menu\" + menuLayerRef;
activeMenu = menuLayerRef;
if (isNS) {
document[menuID].top = offset;
//This should be changed according to the size of your image
document[menuID].left = 100;
} else {
document.all[menuID].style.pixelTop = offset;
//This should be changed according to the size of your image
document.all[menuID].style.pixelLeft = 100;
}
showMenu(menuID)
}
if (isDynamic && !isNS) window.event.cancelBubble = true;
}
function showMenu(layerID) {
eval(layerRef + \'[\"\' + layerID + \'\"]\' + styleRef + \'.visibility = \"visible\"\');
}
function hideMenu(layerID) {
eval(layerRef + \'[\"\' + layerID + \'\"]\' + styleRef + \'.visibility = \"hidden\"\');
}
function killMenu(e) {
//check if theres a menu active
if (activeMenu) {
menuID = \"menu\" + activeMenu;
if (isNS) {
menuX1 = document[menuID].left;
menuX2 = menuX1 + document[menuID].clip.right;
menuY1 = document[menuID].top;
menuY2 = menuY1 + document[menuID].clip.bottom;
if (e.pageX < menuX1 || e.pageX > menuX2 || e.pageY > menuY2) {
hideMenu(menuID);
activeMenu = 0;
}
} else {
hideMenu(menuID);
activeMenu = 0;
}
}
}
function init() {
if (isDynamic) {
if (isNS) {
document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = killMenu;
} else {
document.onmouseover = killMenu;
}
}
}
//This function is included just for demonstration
function popUp(moviePath, winName, xSize, Ysize) {
window.open(moviePath, winName, \"width=\" + xSize + \",height=\" + Ysize + \",directories=no,status=no,scrollbars=no,resize=no,menubar=no,toolbar=no,alwaysRaised=yes\" );
}
</script>
</head>
<body bgcolor=\"#FFFFFF\" marginwidth=\"0\" marginheight=\"0\" topmargin=\"0\" leftmargin=\"0\" onload=\"init();\">
<script language=\"javascript1.2\">
if (isDynamic) {
document.write(\"<DIV id=menu1 class=menu onMouseover=activateMenu(1,13);><A href=\\\"nyheder.html\\\">Nyt på siden</A><BR></DIV>\");
document.write(\"<DIV id=menu2 class=menu onMouseover=activateMenu(2,73);><A href=\\\"judohis.html\\\">Judoens Historie</A><HR><A href=klubhis.html>Klubbens Historie</A><BR></DIV>\");
document.write(\"<DIV id=menu3 class=menu onMouseover=activateMenu(3,146);><A href=\\\"
http://www.viewsource.dk/javapop.asp\\\">Applets</A><BR><A href=http://www.viewsource.dk/jspop.asp>JavaScript</A><BR><A href=http://www.viewsource.dk/dhtmlpop.asp>DHTML</A></DIV>\");
document.write(\"<DIV id=menu4 class=menu onMouseover=activateMenu(4,146);><A href=\\\"avisen.html\\\">Avisen</A><HR><A href=tv.html>Tv</A></DIV>\");
document.write(\"<DIV id=menu5 class=menu onMouseover=activateMenu(5,146);><A href=\\\"
http://www.viewsource.dk/javapop.asp\\\">Træning tider</A><HR><A href=http://www.viewsource.dk/jspop.asp>Priser</A><HR><A href=http://www.viewsource.dk/dhtmlpop.asp>Bestyrelsen</A></DIV>\");
document.write(\"<DIV id=menu6 class=menu onMouseover=activateMenu(6,146);><A href=\\\"
http://www.viewsource.dk/javapop.asp\\\">Gult Snip</A><BR><A href=http://www.viewsource.dk/jspop.asp>Orange Snip</A><BR><A href=http://www.viewsource.dk/dhtmlpop.asp>Grønt Snip</A><BR><A href=http://www.viewsource.dk/dhtmlpop.asp>Blå Snip</A><BR><A href=http://www.viewsource.dk/dhtmlpop.asp>Brunt Snip</A><HR><BR><A href=http://www.viewsource.dk/dhtmlpop.asp>Gult Streg</A><BR><A href=http://www.viewsource.dk/dhtmlpop.asp>Orange Streg</A><BR><A href=http://www.viewsource.dk/dhtmlpop.asp>Grønt Streg</A><BR><A href=http://www.viewsource.dk/dhtmlpop.asp>Blå Streg</A><BR><A href=http://www.viewsource.dk/dhtmlpop.asp>Brun Streg</A><HR><BR><A href=http://www.viewsource.dk/dhtmlpop.asp>Gult Bælte</A><BR><A href=http://www.viewsource.dk/dhtmlpop.asp>Orange Bælte</A><BR><A href=http://www.viewsource.dk/dhtmlpop.asp>Grønt Bælte</A><BR><A href=http://www.viewsource.dk/dhtmlpop.asp>Blåt Bælte</A><BR><A href=http://www.viewsource.dk/dhtmlpop.asp>Brunt Bælte</A><HR></DIV>\");
document.write(\"<DIV id=menu7 class=menu onMouseover=activateMenu(7,146);><A href=\\\"
http://www.viewsource.dk/javapop.asp\\\">Applets</A><BR><A href=http://www.viewsource.dk/jspop.asp>JavaScript</A><BR><A href=http://www.viewsource.dk/dhtmlpop.asp>DHTML</A></DIV>\");
document.write(\"<DIV id=menu8 class=menu onMouseover=activateMenu(8,146);><A href=\\\"
http://www.viewsource.dk/javapop.asp\\\">Applets</A><BR><A href=http://www.viewsource.dk/jspop.asp>JavaScript</A><BR><A href=http://www.viewsource.dk/dhtmlpop.asp>DHTML</A></DIV>\");
document.write(\"<DIV id=menu9 class=menu onMouseover=activateMenu(9,146);><A href=\\\"
http://www.viewsource.dk/javapop.asp\\\">Applets</A><BR><A href=http://www.viewsource.dk/jspop.asp>JavaScript</A><BR><A href=http://www.viewsource.dk/dhtmlpop.asp>DHTML</A></DIV>\");
document.write(\"<DIV id=menu10 class=menu onMouseover=activateMenu(10,146);><A href=\\\"
http://www.viewsource.dk/javapop.asp\\\">Applets</A><BR><A href=http://www.viewsource.dk/jspop.asp>JavaScript</A><BR><A href=http://www.viewsource.dk/dhtmlpop.asp>DHTML</A></DIV>\");
}
</script>
<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=100% height=100%>
<tr>
<td width=297 BGCOLOR=\"#FFFFFF\" valign=top>
<div align=\"left\">
<p></p>
<p></p>
<p><img src=\"judologo.gif\" width=\"99\" height=\"100\" border=\"0\"><br>
</p>
<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=75>
<tr bgcolor=\"#FFFFFF\">
<td width=\"75\"><a \', \'menu1\', 150, 200)\" onmouseover=\"activateMenu(1,118)\"><img src=\"menu/nyheder.gif\" width=\"130\" height=\"18\" border=0><br>
</a></td>
</tr>
<tr bgcolor=\"#FFFFFF\">
<td width=\"75\"><a \', \'menu2\', 150, 200)\" onmouseover=\"activateMenu(2,138)\"><img src=\"menu/Historie.gif\" width=\"130\" height=\"18\" border=0><br>
</a></td>
</tr>
<tr bgcolor=\"#FFFFFF\">
<td width=\"75\"><a \', \'menu3\', 150, 200)\" onmouseover=\"activateMenu(3,156)\"><img src=\"menu/judo_klubben.gif\" width=\"130\" height=\"18\" border=0><br>
</a></td>
</tr>
<tr bgcolor=\"#FFFFFF\">
<td width=\"75\"><a \', \'menu4\', 150, 200)\" onmouseover=\"activateMenu(4,172)\"><img src=\"menu/pressen.gif\" width=\"130\" height=\"18\" border=0><br>
</a></td>
</tr>
<tr bgcolor=\"#FFFFFF\">
<td width=\"75\"><a \', \'menu5\', 150, 200)\" onmouseover=\"activateMenu(5,192)\"><img src=\"menu/information.gif\" width=\"130\" height=\"18\" border=0><br>
</a></td>
</tr>
<tr bgcolor=\"#FFFFFF\">
<td width=\"75\"><a \', \'menu6\', 150, 200)\" onmouseover=\"activateMenu(6,50)\"><img src=\"menu/pensum.gif\" width=\"130\" height=\"18\" border=0><br>
</a></td>
</tr>
<tr bgcolor=\"#FFFFFF\">
<td width=\"75\"><a \', \'menu7\', 150, 200)\" onmouseover=\"activateMenu(7,225)\"><img src=\"menu/tatami.gif\" width=\"130\" height=\"18\" border=0><br>
</a></td>
</tr>
<tr bgcolor=\"#FFFFFF\">
<td width=\"75\"><a \', \'menu8\', 150, 200)\" onmouseover=\"activateMenu(8,244)\"><img src=\"menu/bixen.gif\" width=\"130\" height=\"18\" border=0><br>
</a></td>
</tr>
<tr bgcolor=\"#FFFFFF\">
<td width=\"75\"><a \', \'menu9\', 150, 200)\" onmouseover=\"activateMenu(9,262)\"><img src=\"menu/gaestebog.gif\" width=\"130\" height=\"18\" border=0><br>
</a></td>
</tr>
<tr bgcolor=\"#FFFFFF\">
<td width=\"75\"><a \', \'menu10\', 150, 200)\" onmouseover=\"activateMenu(10,280)\"><img src=\"menu/link.gif\" width=\"130\" height=\"18\" border=0><br>
</a></td>
</tr>
<tr bgcolor=\"#FFFFFF\">
<td width=\"75\"> </td>
</tr>
</table>
</div>
</td>
</tr>