Il miglior menu a discesa Javascript?[Chiuso]

Question

Sto cercando un menu JavaScript a discesa.

Dovrebbe essere il menu accessibile più semplice ed elegante che funzioni anche in IE6 e Firefox 2.Andrebbe bene se funzionasse su un elenco non numerato (ul) in modo che l'utente possa utilizzare la pagina senza il supporto JavaScript.

Quale mi consigliate e dove posso trovare il codice di un menu del genere?

Answer 1

Penso che il menu jquery superfish sia fantastico e facile da usare:

http://users.tpg.com.au/j_birch/plugins/superfish/

Javascript lo è non richiesto, e si basa su semplici elenchi di ordine ul validi.

Answer 2

Una lista a parte: menu a discesa

Utilizzerei una soluzione solo CSS come quella sopra in modo che l'utente riceva comunque i menu a discesa anche con JavaScript disabilitato.

Answer 3

Ecco la mia risposta utilizzando jQuery:

jQuery.fn.ddnav = function() {
        this.wrap("");
        this.each(function() {
                var sel = document.createElement('select');
                jQuery(this).find("li.label, li a").each(function() {
                        jQuery("<option>").val(this.href ? this.href : '').html(jQuery(this).html()).appendTo(sel);
                });
                jQuery(this).hide().after(sel);
        });
        this.parent().find("select").after("<input type=\"button\" value=\"Go\">");
        var callback = function(button) {
                var url = jQuery(button.target).parent("div").find("select").val();
                if(url.length)
                        window.open(url, "_self")
        };
        this.parent().find("input[type='button']").click(callback);
        this.parent().find("select").change(callback);
        return this;
};

E poi nel tuo gestore già pronto:

  $("ul.dropdown_nav").ddnav();

Ma vorrei sottolineare che questi sono terribili per l'usabilità.È meglio utilizzare un elenco e mostrare alle persone tutte le opzioni contemporaneamente, ed è meglio non allontanarsi dopo una selezione e/o richiedere la pressione di un pulsante diverso per arrivare dove desiderano.

Penso che sia meglio non usare mai quanto sopra (e ho scritto il codice!)

Answer 4

Per i puristi: http://www.grc.com/menudemo.htmAssolutamente no JavaScript, solo pure-css e funziona praticamente con tutti i browser.

Una piccola modifica può renderli belli quanto i menu fantasiosi (jQuery, ecc.)

Ma abbiamo utilizzato anche jQuery, YUI!e altri.YUI!ha ottime opzioni di accessibilità integrate, se questo è un requisito per i menu basati su JavaScript.

-- Andrea

Answer 5

Io uso questo:

http://www.tanfa.co.uk/css/examples/menu/vs7.asp

Disponibile sia nel gusto verticale che orizzontale.

Answer 6

Mi piace Stickman fisarmonica, che a seconda di come vuoi che si comporti può essere un bell'effetto.

Answer 7

Sono stato un fan (sfacciato) di Yahoo!Libreria dell'interfaccia utente. Hanno un bel sistema di barra dei menu è facile da implementare.Ottimo supporto multibrowser.

Probabilmente puoi ottenere qualcosa di simile anche da altri popolari framework Javascript, come jQuery.