Dropdown menu maken jquery

Gestart doorPerry7 reacties51 weergaven

8 berichten · pagina 1 van 1

Perry

Lid · Topicstarter

Berichten
3.112
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
---
0
Berichten
10.421
Reputatie
4
Punten
0,00
Lid sinds
Laatst gezien
En of je jouw layout moet aanpassen ligt er maar net aan.

Ikzelf gebruik deze:

$(document).ready(function(){
    // Dropdown-menu
    var timeout    = 500;
    var closetimer = 0;
    var ddmenuitem = 0;

    function jsddm_open(){ 
        jsddm_canceltimer();
        jsddm_close();
        ddmenuitem = $(this).find(ul).css(visibility, visible);
    }

    function jsddm_close()    { 
        if(ddmenuitem) ddmenuitem.css(visibility, hidden);
    }

    function jsddm_timer() {  
        closetimer = window.setTimeout(jsddm_close, timeout);
    }

    function jsddm_canceltimer() { 
        if(closetimer){  
            window.clearTimeout(closetimer);
            closetimer = null;
    }    }

    $(document).ready(function() {  
        $(#menu > li).bind(mouseover, jsddm_open)
        $(#menu > li).bind(mouseout,  jsddm_timer)
    });

    document.onclick = jsddm_close;
});


Gebruik een menu wat uit een HTML-list bestaat (ul/li), en geef deze id="menu" mee.
Neem uiteraard ook jQuery mee.
0
Perry

Lid · Topicstarter

Berichten
3.112
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Kun je ook even een voorbeeld van jou HTML geven? Want hij werkt hier namelijk niet.
0
Berichten
10.421
Reputatie
4
Punten
0,00
Lid sinds
Laatst gezien
Wat heb je geprobeerd?
0
Berichten
10.421
Reputatie
4
Punten
0,00
Lid sinds
Laatst gezien
Maartenl schreef:
Schaam je je... tabellen... gadver.....
Dat maakt het juist minder makkelijker. Een menu hoort in lists.....
Leer eens wat over Semantiek.

Slecht voorbeeld.
0
Berichten
5.897
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Aarclay schreef:
Eerdere citaten tonen
Maartenl schreef:
Schaam je je... tabellen... gadver.....
Dat maakt het juist minder makkelijker. Een menu hoort in lists.....
Leer eens wat over Semantiek.

Slecht voorbeeld.
Had het achteraf ook gezien, maar zach er simpeler uit emo
toevoeging op 25 maart 2012, 15:26:44:
Deze lijkt me deftig : http://kompoos.nl/css/text-effects/drop-down-menu.html
0
Berichten
8.649
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Maartenl schreef:
Eerdere citaten tonen
Aarclay schreef:
Eerdere citaten tonen
Maartenl schreef:
Schaam je je... tabellen... gadver.....
Dat maakt het juist minder makkelijker. Een menu hoort in lists.....
Leer eens wat over Semantiek.

Slecht voorbeeld.
Had het achteraf ook gezien, maar zach er simpeler uit emo
toevoeging op 25 maart 2012, 15:26:44:
Deze lijkt me deftig : http://kompoos.nl/css/text-effects/drop-down-menu.html
http://www.lwis.net/free-css-drop-down-menu/dropdown.nvidia.com.no-flash.html

Kleuren beetje aanpassen en je hebt mooie, nette dropdown wink
0

Jouw reactie

Deel je idee, stel een vraag of help een ander verder.

Editor laden…

Praat mee met de One2xs-community.

Inloggen om te reageren