/ Forside / Teknologi / Udvikling / Java Scripts / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
Java Scripts
#NavnPoint
molokyle 5410
Klaudi 2799
smorch 2439
kim 1360
Harlekin 1134
bentjuul 984
gibson 800
severino 695
Random 675
10  konsulent.. 626
Multilevel mouse over menu
Fra : SBK


Dato : 26-07-08 08:27

Hej

Er der nogen som har et script og metode til at lave en
multilevel menu som denne her:
http://simonkampmann.dk/Navigationcopy.jpg ?

Der skal være mouse over så man kan se nedenstående niveau for
hvert niveau. Men der er ikke nogen fast specifikation, så hvis
der er en metode som er testet og er brugervenlig kan den sagtens
bruges.

Bemærk at den valgte stig er markeret med gråt.

på forhånd tak.

Simon

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

 
 
Christian Kragh (02-08-2008)
Kommentar
Fra : Christian Kragh


Dato : 02-08-08 07:15

> Er der nogen som har et script og metode til at lave en
> multilevel menu som denne her:
> http://simonkampmann.dk/Navigationcopy.jpg ?

Jeg har et enkelt foreslag...

Brug en menu div i toppen.

<div id="m1">
<span id="m_11"> <a href="#" java>Link</a> </span>
<span id="m_12"> <a href="#" java>Link</a> </span>
<span id="m_13"> <a href="#" java>Link</a> </span>
</div>

Så laver vi 3 nye menuer igen.

<div id="m11">
<span id="m_111"> <a href="#" java>Link</a> </span>
<span id="m_112"> <a href="#" java>Link</a> </span>
<span id="m_113"> <a href="#" java>Link</a> </span>
</div>

<div id="m12">
<span id="m_121"> <a href="#" java>Link</a> </span>
<span id="m_122"> <a href="#" java>Link</a> </span>
<span id="m_123"> <a href="#" java>Link</a> </span>
</div>

<div id="m13">
<span id="m_131"> <a href="#" java>Link</a> </span>
<span id="m_132"> <a href="#" java>Link</a> </span>
<span id="m_133"> <a href="#" java>Link</a> </span>
</div>

Så kan de nye punkter igen have en undermenu.

<div id="m132">
<span id="m_1321"> <a href="#" java>Link</a> </span>
<span id="m_1322"> <a href="#" java>Link</a> </span>
<span id="m_1323"> <a href="#" java>Link</a> </span>
</div>


Således skal alle dem der ikke vise sættes til display: none;

Et javascript kan kører alle igemmen og skrive display: none;,
bortset fra den / de der skal være aktiv(e)

Jeg har ikke et færdigt eksempel på det, men det burde være til at
lave...

Christian

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Jørgen Farum Jensen (02-08-2008)
Kommentar
Fra : Jørgen Farum Jensen


Dato : 02-08-08 14:42

SBK skrev:
> Hej
>
> Er der nogen som har et script og metode til at lave en
> multilevel menu som denne her:
> http://simonkampmann.dk/Navigationcopy.jpg ?
>
> Der skal være mouse over så man kan se nedenstående niveau for
> hvert niveau. Men der er ikke nogen fast specifikation, så hvis
> der er en metode som er testet og er brugervenlig kan den sagtens
> bruges.

Kan denne ikke du?
Bemærk at kun indre planeter og ydre
planeter har undermenuer, kun mars
undermenu niveau 3.


--
Med venlig hilsen

Jørgen Farum Jensen
http://webdesign101.dk

Søg
Reklame
Statistik
Spørgsmål : 177552
Tips : 31968
Nyheder : 719565
Indlæg : 6408847
Brugere : 218887

Månedens bedste
Årets bedste
Sidste års bedste