CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

cykel123 Nybegynder

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

Synes godt om

w13 Novice

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>
--------------------------------------------------
=)

Synes godt om

w13 Novice

01. november 2007 - 01:44 #2

Ment som svar, i det tilfælde at du skulle kunne bruge det. =)

Synes godt om

w13 Novice

06. november 2007 - 10:53 #3

Kunne du bruge det?

Synes godt om

cykel123 Nybegynder

09. november 2007 - 15:20 #4

Tak W13 :-)

Synes godt om

w13 Novice

09. november 2007 - 15:30 #5

Det var så lidt! :)

Synes godt om

roenving Novice

09. november 2007 - 15:40 #6

Husk at acceptere svaret ved at markere w13 i boksen til venstre og trykke på Acceptér !-)

Synes godt om

w13 Novice

29. juli 2008 - 09:34 #7

Lukketid?

Synes godt om

Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Sæt vindue størrelse Af poulmadsen i JavaScript	1	08/10/202417:18	13/10/202412:33
Opgavestyring Af ingeman i JavaScript	1	15/09/202416:06	15/09/202420:40
Returner ikke alt Af ingeman i JavaScript	13	26/06/202414:40	01/07/202417:00
Vis og skjul sektioner - virker kun på den første sektion Af nemlig i JavaScript	4	24/06/202422:50	26/06/202420:33
Hente og gemme Cookies like this. Af DanishBear i JavaScript	6	04/06/202416:23	05/06/202414:23

Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS