Fancy menu som på zulu.dk

Prøv at kigge på http://www.dynamicdrive.com eller http://www.bratta.com

Det har jeg forsøgt. Men der er ikke rigtigt noget der kan bruges.

Som alternativ har jeg forsøgt mig med http://www.dansteinman.com/dynduo/en/dynwindow.html men den har jeg ikke haft held med at få til at virke.

Du kan selv lave den. (Altså måske med lidt hjælp)

Opskrift:
Et styk JavaScript, der kan få et lag til at blive vist og gemt ved at trykke på en knap
Nogen lag hvor overflow er sat til scroll
Og så selvfølgelig lidt tekst

Du tager bare det hele og blander sammen og pludselig har du en menu som på ZULU.

Jeg kan godt prøve at bikse noget sammen til dig hvis du vil have det.

Det ville være rigtig lækkert hvis du kunne hjælpe mig. Jeg er lidt af en kode-analfabet ;-)

Okay, er lige igang

En anden gang er det nok en god ide at vente med at give point til du har fået det du gerne vil have

Ja, det fandt jeg også lige ud af. Sorry, jeg er lidt rookie-agtig. Det er første gang jeg benytter Eksperten.

Det er iorden.
Jeg har lavet menuen nu

<HTML>

<HEAD>
<TITLE>Menu</TITLE>

<STYLE TYPE=\"text/css\">
body, div, td    {font-family:verdana; font-size:10px; color:black;}
A        {text-decoration:none; color:black;}
A:active    {text-decoration:none; color:red;}
A:visited    {text-decoration:none; color:black;}
A:hover        {text-decoration:none; color:blue;}

#mainmenu    {position:absolute; top:50; left:0; width:400; background:lightgreen; layer-background-color:lightgreen; clip:rect(0, 400, 15, 0);}
#sub1        {position:absolute; visibility:hidden; top:62; left:12; overflow:auto; width:110; height:150; background:lightgreen; layer-background-color:lightgreen; clip:rect(0, 110, 150, 0);}
#sub2        {position:absolute; visibility:hidden; top:62; left:160; overflow:auto; width:110; height:180; background:lightgreen; layer-background-color:lightgreen; clip:rect(0, 110, 180, 0);}
</STYLE>

<SCRIPT TYPE=\"text/javascript\" LANGUAGE=\"javascript\">
NS4 = (document.layers) ? true:false;
IE4 = (document.all) ? true:false;
DOM = (document.getElementById) ? true:false;

function gv(id) {
    if (NS4) {
        if (document.layers[id].visibility == \"show\")
        document.layers[id].visibility = \"hide\";
        else
        document.layers[id].visibility = \"show\";
    }
    else if (IE4) {
        if (document.all[id].style.visibility == \"visible\")
        document.all[id].style.visibility = \"hidden\";
        else
        document.all[id].style.visibility = \"visible\";
    }
    else if (DOM) {
        if (document.getElementById(id).style.visibility == \"visible\")
        document.getElementById(id).style.visibility = \"hidden\";
        else
        document.getElementById(id).style.visibility = \"visible\";
    }
}
</SCRIPT>

</HEAD>
<BODY>

<DIV ID=\"mainmenu\">
<TABLE BORDER=\"0\" CELLPADDING=\"0\" CELLSPACING=\"0\">
<TR>
<TD WIDTH=\"150\">&nbsp;&nbsp;&nbsp;<A HREF=\"java script:gv(\'sub1\')\">Ting</TD>
<TD WIDTH=\"150\">&nbsp;&nbsp;&nbsp;<A HREF=\"java script:gv(\'sub2\')\">Andre ting</TD>
</TR>
</TABLE>
</DIV>

<DIV ID=\"sub1\">
<A HREF=\"#\">Ting</A><BR>
<A HREF=\"#\">Ting</A><BR>
<A HREF=\"#\">Ting</A><BR>
<A HREF=\"#\">Ting</A><BR>
<A HREF=\"#\">Ting</A><BR>
<A HREF=\"#\">Ting</A><BR>
<A HREF=\"#\">Ting</A><BR>
<A HREF=\"#\">Ting</A><BR>
<A HREF=\"#\">Ting</A><BR>
<A HREF=\"#\">Ting</A><BR>
<A HREF=\"#\">Ting</A><BR>
<A HREF=\"#\">Ting</A><BR>
<A HREF=\"#\">Ting</A><BR>
<A HREF=\"#\">Ting</A><BR>
<A HREF=\"#\">Ting</A>
</DIV>

<DIV ID=\"sub2\">
<A HREF=\"#\">Ting</A><BR>
<A HREF=\"#\">Ting</A><BR>
<A HREF=\"#\">Ting</A><BR>
<A HREF=\"#\">Ting</A><BR>
<A HREF=\"#\">Ting</A><BR>
<A HREF=\"#\">Ting</A><BR>
<A HREF=\"#\">Ting</A><BR>
<A HREF=\"#\">Ting</A><BR>
<A HREF=\"#\">Ting</A><BR>
<A HREF=\"#\">Ting</A><BR>
<A HREF=\"#\">Ting</A><BR>
<A HREF=\"#\">Ting</A><BR>
<A HREF=\"#\">Ting</A><BR>
<A HREF=\"#\">Ting</A><BR>
<A HREF=\"#\">Ting</A><BR>
<A HREF=\"#\">Ting</A><BR>
<A HREF=\"#\">Ting</A><BR>
<A HREF=\"#\">Ting</A><BR>
<A HREF=\"#\">Ting</A><BR>
<A HREF=\"#\">Ting</A><BR>
<A HREF=\"#\">Ting</A><BR>
<A HREF=\"#\">Ting</A><BR>
<A HREF=\"#\">Ting</A><BR>
<A HREF=\"#\">Ting</A>
</DIV>

</BODY>
</HTML>

Bortset fra at der ikke er scroll i NS, er det en umærket fed menu!

Ja, det er lidt ærgeligt, men det er der i NS6...

Den er rigtig god! Har lige prøvet den. Lige som jeg havde tænkt mig. Dog har jeg lige et tillægsspørgsmål; Hvordan laver jeg farven i baggrundet af drop-downen sådan gennemsigtig som på zulu?

Så skal du bare tilføje filter:alpha(opacity=nogetmellem0og100); der hvor der står #sub1    {blablabla}
For at det også skal virker i ns, så er det en god ide at skrive filter:\'alpha(opacity=65)\';
For ns understøtter ikke alpha, og det ser meget mystisk ud hvis du ikke skrever de \'\'

Fint fint!!! Dog bliver scrollbaren også transperent. Kan det lade sig gøre at undgå det?

Det kan det nok, da de jo har gjort det på ZULU.dk, men jeg tror lige jeg vil kigge lidt i koden, og jeg skal nok skrive hvis jeg finder ud af det...

Det er sgu en fed menu.
Jeg tilføjede
onmouseover=\"java script:gv(\'sub1\')\" på linkene i
<DIV ID=\"mainmenu\">
er der nogen der ved havd jeg skal skrive i onmouseout for at få dropdown menuen til at forsvinde igen?