<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"
http://www.w3.org/TR/html4/loose.dtd"><html>
<head>
<title>Simpel menu</title>
<meta name="Generator" content="Stone's WebWriter 4">
<meta name="keywords" content="roenving,
http://www.eksperten.dk/spm/528645"><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
body{background-color:white;}
.menupunkt{position:relative;font-family:verdana,arial,sans-serif;cursor:pointer;color:#000000;
background:#EFEFE5;font-style:italics;font-size:9px;width:100px; border-top:1px solid #C6C6C4;
border-bottom:1px solid #C6C6C4;float:left;}
.menu a{text-decoration:none;}
.menu a:link{color:black;}
.menu a:visited{color:black;}
.menu a:hover{color:black;text-decoration:underline;}
.menu a:active{color:red}
.menu{display:none;padding:10px 0 0 14px;position:absolute;top:15px;left:0;background:url(L.png) 0px 0px no-repeat #FFFFFF;}
.menu div{padding: 2px 4px 2px 4px; border:1px solid #C6C6C4; background-color: #EFEFE5;}
table{border-collapse:collapse}
td{vertical-align:top;border:0;}
</style>
<script language="javascript" type="text/javascript">
function showMenu(d){
var id = d.id.substring(5);
divs = document.getElementsByTagName('DIV');
for(i=0;divs.length>i;i++){
if(divs[i].id.indexOf('menu')==0&&divs[i].id!='menu'+id){
divs[i].style.display='none';
}
}
st = document.getElementById('menu'+id).style;
st.display = (st.display!='block')?'block':'none';
}
</script>
</head>
<body>
<div>
<div id="omenu1" class="menupunkt" onclick="showMenu(this);">
- hjem -
<div id="menu1" class="menu" onclick="event.cancelBubble=true">
<div>
<a href="#" onclick="return false;">Underpunkt 1</a><br>
<a href="#" onclick="return false;">Underpunkt 2</a><br>
<a href="#" onclick="return false;">Underpunkt 3</a><br>
</div>
</div>
</div>
<div id="omenu2" class="menupunkt" onclick="showMenu(this);">
- aktuelt -
<div id="menu2" class="menu" onclick="event.cancelBubble=true">
<div>
<a href="#" onclick="return false;">Underpunkt 1</a><br>
<a href="#" onclick="return false;">Underpunkt 2</a><br>
<a href="#" onclick="return false;">Underpunkt 3</a><br>
<a href="#" onclick="return false;">Underpunkt 4</a>
</div>
</div>
</div>
<div id="omenu3" class="menupunkt" onclick="showMenu(this);">
Punkt 3
<div id="menu3" class="menu" onclick="event.cancelBubble=true">
<div>
<a href="#" onclick="return false;">Underpunkt 1</a><br>
<a href="#" onclick="return false;">Underpunkt 2</a><br>
<a href="#" onclick="return false;">Underpunkt 3</a><br>
<a href="#" onclick="return false;">Underpunkt 4</a>
</div>
</div>
</div>
<div id="omenu4" class="menupunkt" onclick="showMenu(this);">
Punkt 4
<div id="menu4" class="menu" onclick="event.cancelBubble=true">
<div>
<a href="#" onclick="return false;">Underpunkt 1</a><br>
<a href="#" onclick="return false;">Underpunkt 2</a><br>
<a href="#" onclick="return false;">Underpunkt 3</a><br>
<a href="#" onclick="return false;">Underpunkt 4</a>
</div>
</div>
</div>
<div id="omenu5" class="menupunkt" onclick="showMenu(this);">
Punkt 5
<div id="menu5" class="menu" onclick="event.cancelBubble=true">
<div>
<a href="#" onclick="return false;">Underpunkt 1</a><br>
<a href="#" onclick="return false;">Underpunkt 2</a><br>
<a href="#" onclick="return false;">Underpunkt 3</a><br>
<a href="#" onclick="return false;">Underpunkt 4</a>
</div>
</div>
</div>
</div>
<!-- Og en tekst nedenunder, som kan vise, hvordan resten opfører sig, når menuerne foldes ud !-) -->
</body>
</html>
Slettet bruger
Ny bruger
Nybegynder
Opret
Preview
