menu med onMouseover

Tags:    asp.net

jeg vil gerne have en menu hvor er der 7 menu overskrifter og under hver overskrift er der så nogle undermenuer.

Det skal være sådan at menu overskrifterne står over hinanden og når man køre musen hen over kommer undermenuerne frem og når man så køre musen væk skal undermenuerne forsvinde.

Håber der er en der kan hjælpe mig.



3 svar postet i denne tråd vises herunder
2 indlæg har modtaget i alt 2 karma
Sorter efter stemmer Sorter efter dato
Du skal bruge Javascript, CSS og layers til det. Det er lidt svært at forklare hvordan det gøres, hvis ikke du har styr på Javascript og CSS. Alternativt skal du se om du kan finde en tutorial på nettet, eks.:
http://www.aspandjavascript.co.uk/javascript/drop%5Fdown%5Fmenu%5Ftutorial%5Fversion%5F2/

(¯`·._.·[Brian Hvarregaard]·._.·´¯)
Praesto et Persto



Hej

her er et simpelt javascript med dropdown menuer

<STYLE>
#wintop,#mactop,#linuxtop,#diversetop,#win,#mac,#linux,#diverse{border:10px;
background-color:#FFDFDF;border:1px solid #FFDFDF;
font:normal 12px Verdana;line-height:16px;padding:5px;position:absolute;}

#wintop{left:20px;width:120px;top:50px;}

#mactop{left:140px;width:120px;top:50px;}

#linuxtop{left:260px;width:120px;top:50px;}

#diversetop{left:380px;width:120px;top:50px;}

#win {left:20px;
width:120px;top:78px;visibility:hidden;}

#mac{left:140px;
width:120px;top:78px;visibility:hidden;}

#linux{left:260px;
width:120px;top:78px;visibility:hidden;}

#diverse{left:380px;
width:120px;top:78px;visibility:hidden;}

</STYLE>

<SCRIPT LANGUAGE = "JAVASCRIPT">

function vis(id) {
id.style.visibility = 'visible'; }

function skjul(id){
id.style.visibility = 'hidden';}

</SCRIPT>
</HEAD>
<BODY>
<p><font size="2" face="Verdana">Hvad skulle der være?</font></p>
<BR><BR>Her er sidens egentlig tekst...

<div id="wintop" onMouseover="vis(win)" onmouseout="skjul(win)">Windows</div>
<div id="mactop" onmouseover="vis(mac)" onmouseout="skjul(mac)">Mac</div>
<div id="linuxtop" onmouseover="vis(linux)" onmouseout="skjul(linux)">Linux</div>
<div id="diversetop" onmouseover="vis(diverse)" onmouseout="skjul(diverse)">Diverse</div>

<div id="win" onMouseOut="skjul(win)" onmouseover="vis(win)"> <a href="Dummy1.htm">Tekstbehandling</a><br><a href="Dummy2.htm">Regneark</a><br><a
href="Dummy3.htm">Browsere</a></div>

<div id="mac" onmouseout="skjul(mac)" onmouseover="vis(mac)"><a href="Dummy1.htm">Tekstbehandling</a><br><a href="Dummy2.htm">Regneark</a><br><a
href="Dymmy3.htm">Browsere</a></div>

<div id="linux" onmouseout="skjul(linux)" onmouseover="vis(linux)"><a href="Dummy1.htm">Tekstbehandling</a><br><a href="Dummy2.htm">Regneark</a><br><a
href="Dummy3.htm">Browsere</a></div>

<div id="diverse" onmouseout="skjul(diverse)" onmouseover="vis(diverse)">
Test1<br>Test2<br>Test3<BR>Test4</div>

<SCRIPT LANGUAGE = "JAVASCRIPT">

skjul(win);
skjul(mac);
skjul(linux);
skjul(diverse);

</SCRIPT>

Jens



jeg har fået lavet mig en menu, men ellers tak for hjælpen.



t