Avatar billede dennish Nybegynder
29. juli 2009 - 11:04 Der er 3 kommentarer

Hvordan får jeg kodet en tab menu

Hejsa.
Jeg faldt over denne side http://privat.3.dk/.
Synes at tab menu baren er rigtig lækker idet når jeg bevæger musen over et emne så skifter den underliggende menu.
Mit spørgsmål er er der nogen der ved hvordan jeg får kodet en sådan menu. Findes der noget kode på nettet eller evt. nogle frameworks der kan give mig den pågældende funktionalitet ?
Avatar billede j4k0b Nybegynder
29. juli 2009 - 11:51 #1
jquery er et ret omfattende Javascript framework:
http://jquery.com/

Jeg har desværre ikke nok erfaring med det til at hjælpe dig
Avatar billede olebole Juniormester
29. juli 2009 - 14:08 #2
<ole>

Du laver bare en bar med nogle knapper. På disse knapper lægger du nogle event handlers, der på mouseover og mouseout viser og gemmer nogle div med dine underlinks. At bruge et framework til det, vil nok være vildt overkill  =)

/mvh
</bole>
Avatar billede olebole Juniormester
29. juli 2009 - 14:15 #3
I princippet kan du gøre noget à la:

<style type="text/css">
#menu div {
    display: none;
}
</style>
<script type="text/javascript">
var oActDiv = null;
function swap(nDiv) {
    if (oActDiv) oActDiv.style.display = "none";
    oActDiv = document.getElementById("dv"+nDiv);
    oActDiv.style.display = "block";
}
</script>

<div id="menu">
    <a href="#" onmouseover="swap(0)">Link 0</a>
    <a href="#" onmouseover="swap(1)">Link 1</a>
    <a href="#" onmouseover="swap(2)">Link 2</a>
    <div id="dv0">Menu 0 ... blabla bla bla blabla bla bla</div>
    <div id="dv1">Menu 1 ... blabla bla bla blabla bla bla</div>
    <div id="dv2">Menu 2 ... blabla bla bla blabla bla bla</div>
</div>
Avatar billede 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.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

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