31. oktober 2007 - 14:37
Der er
7 kommentarer
pull op menu
Hej
Jeg har en horisontal menu, som er placeret i en tabel neders på hjemmesiden.
Vil det være muligt at lave en menu som ruller op når der trykkes på linket
På forhånd tak
01. november 2007 - 01:44
#1
Her er et groft, hjemmestrikket eksempel, som dog er crossbrowser og helt valid, uptodate, testet kode:
-------------------------------------------------
<html>
<head>
<script type="text/javascript">
var menunormalcolor="";
var menuhovercolor="#c0c0c0";
function ShowSubmenu(elm,submenu){
elm.style.backgroundColor=menuhovercolor;
if(submenu=document.getElementById(submenu)){
submenu.style.display="inline";
submenu.style.top=elm.offsetTop-submenu.offsetHeight;
submenu.style.left=elm.offsetLeft;
}
}
function HideSubmenu(elm,submenu){
elm.style.backgroundColor=menunormalcolor;
if(submenu=document.getElementById(submenu)) submenu.style.display="none";
}
</script>
</head>
<body>
<br><br><br>
<span onmouseover="ShowSubmenu(this)" onmouseout="HideSubmenu(this)">Forside</span>
<span onmouseover="ShowSubmenu(this,'submenu_andet')" onmouseout="HideSubmenu(this,'submenu_andet')">Andet</span>
<span onmouseover="ShowSubmenu(this,'submenu_mere')" onmouseout="HideSubmenu(this,'submenu_mere')">Og mere til</span>
<div id="submenu_andet" style="position:absolute;display:none;border:1px solid #000000;padding:10px">Hej<br>Test<br>Test2</div>
<div id="submenu_mere" style="position:absolute;display:none;border:1px solid #000000;padding:10px">Hello<br>Goodbye<br>Farewell</div>
</body>
</html>
--------------------------------------------------
=)