Nån som vet vad man ska lägga till i denna kod för att menyn ska funka! Länken till han som gjort scriptet: Funkar ej i NS :(
http://www.spelaroll.net/cheguelin/dropmenu-designer/
<html>
<head>
<script language="JavaScript">
/*
By Cheguelin
Copyright © 2002 Peter Wengelin "Cheguelin". ARR.
Dropmenu v1.5 created with DropMenu-Designer v1.5.
Get your own dropdown-menu, visit:
http://www.spelaroll.net/cheguelin/dropmenu-designer
This script may be used as long as you keep this
text inside the comment untoughed.
mail: cheguelin@hotmail.com
url: http://www.spelaroll.net/cheguelin
*/
window.onload = function() {
var a = document.getElementsByTagName("A");
for(var i = 0; i < a.length; i++) {
a[i].hideFocus = "true";
}
}
function show(o) {
o.nextSibling.style.visibility = "visible";
}
function hide(o) {
if(!o.contains(event.toElement) && o.previousSibling.stay != true) {
o.style.visibility = "hidden";
}
}
function toggleStay(o) {
o.stay = !o.stay;
if(o.stay == true) {
o.firstChild.innerHTML = 5;
} else {
o.firstChild.innerHTML = 6;
}
}
</script>
<style>
@media all {
a {
color:#006699;
text-decoration:underline;
}
a:hover {
text-decoration:none;
}
body {
margin:10px;
cursor:default;
font:8pt Verdana;
}
div {
cursor:hand;
}
div.parents {
background-color:#004477;
border-right:1px solid #005588;
color:#ffffff;
filter:progid:DXImageTransform.Microsoft. Gradient(gradientType=0,startColorStr=#006699,endColorStr=#0
04477);
font:8pt Verdana;
padding:2px 3px;
width:125px;
}
div.parents span.arrow {
clip:rect(8 8 11 2);
font:10px Webdings;
float:right;
vertical-align:middle;
}
div.children {
background-color:#006699;
border:1px solid #005588;
border-top:none;
border-bottom:none;
font:8pt Verdana;
position:absolute;
visibility:hidden;
width:125px;
}
div.children a {
border-bottom:1px solid #005588;
color:#ffffff;
text-decoration:none;
padding:4px 2px;
width:100%;
}
div.children a:hover {
background-color:#efefef;
color:#006699;
}
}
</style>
</head>
<body>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<div class="parents" onclick="toggleStay(this);" onmouseout="hide(this.nextSibling);" onmouseover="show(this);"><span class="arrow">6</span>Topic 1</div>
<div class="children" onmouseout="hide(this);">
Link 1:1
Link 1:2
Link 1:3
Link 1:4
</div>
</td>
<td>
<div class="parents" onclick="toggleStay(this);" onmouseout="hide(this.nextSibling);" onmouseover="show(this);"><span class="arrow">6</span>Topic 2</div>
<div class="children" onmouseout="hide(this);">
Link 2:1
Link 2:2
Link 2:3
Link 2:4
</div>
</td>
<td>
<div class="parents" onclick="toggleStay(this);" onmouseout="hide(this.nextSibling);" onmouseover="show(this);"><span class="arrow">6</span>Topic 3</div>
<div class="children" onmouseout="hide(this);">
Link 3:1
Link 3:2
Link 3:3
Link 3:4
</div>
</td>
</tr>
</table>
</body>
</html>