Melhor menu drop-down Javascript? [fechadas]

Question

Estou à procura de um menu drop-down JavaScript.

Deve ser o menu mais simples e mais elegante acessível que funciona no IE6 e Firefox 2 também. Seria bom se ele trabalhou em uma lista sem numeração (ul) para que o usuário pode usar a página sem suporte JavaScript.

Qual deles você recomenda e onde posso encontrar o código para tal menu?

Answer 1

Penso que o menu jquery superfish é fantástico e fácil de usar:

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

Javascript é não é obrigatório , e é com base em listas unorder ul válidos simples.

Answer 2

A List Apart - Dropdowns

Eu usaria uma solução apenas de css como o acima para que o usuário ainda recebe menus suspensos, mesmo com o javascript desabilitado.

Answer 3

Aqui está a minha resposta usando 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, em seguida, no seu manipulador onready:

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

Mas eu gostaria de salientar que estes são terríveis para a usabilidade. Melhor usar uma lista e mostrar às pessoas de todas as opções de uma vez, e é melhor não navegar para fora depois de uma selecção e / ou exigir um botão diferente para ser empurrado para chegar onde eles querem.

Eu acho que você é melhor fora não usando o acima (e eu escrevi o código!)

Answer 4

Para os puristas: http://www.grc.com/menudemo.htm Absolutamente nenhuma JavaScript, única puro-css -. E funciona com praticamente todos os navegadores

Um pequeno ajuste pode torná-los olhar tão bom como os menus extravagantes (jQuery, etc.)

Mas temos também usado jQuery, YUI! e outros. YUI! tem ótimas opções de acessibilidade incorporadas no, se isso é um requisito para menus JavaScript potência.

- Andrew

Answer 5

Eu uso este:

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

Vem em ambos os sabores verticais e horizontais.

Answer 6

Eu gosto de stickman é acordeão , que dependendo de como você quer que ele se comportam pode ser uma boa efeito.

Answer 7

Eu fui um (ousado) fã do Yahoo! Biblioteca de Interface do usuário. Eles têm uma sistema agradável menu que é fácil de implementar. Grande apoio cross-browser.

Você provavelmente pode obter algo semelhante a partir de outros frameworks JavaScript populares, como jQuery, também.