Mejor Javascript menú desplegable?[cerrado]

Question

Estoy buscando un desplegable con JavaScript menú.

Debe ser el más simple y más elegante accesible menú que funciona en IE6 y Firefox 2 también.Estaría bien si se ha trabajado en un sin número de la lista (ul lo que el usuario puede utilizar la página sin la ayuda de JavaScript.

¿Cuál te recomiendan y donde puedo encontrar el código para dicho menú?

Answer 1

Creo que el jquery superfish menú es fantástico y fácil de usar:

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

Javascript es no se requiere, y es que se basa en simples válido ul unorder listas.

Answer 2

Una Lista Aparte - Listas Desplegables

Me gustaría usar un css-la única solución como la de arriba de modo que el usuario obtiene menús desplegables incluso con javascript desactivado.

Answer 3

Aquí está mi respuesta 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;
};

Y luego, en su onready controlador:

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

Pero me gustaría señalar que estos son terribles para la usabilidad.Es mejor utilizar una lista y mostrar a la gente de todas las opciones a la vez, y es mejor que no vaya a desaparecer después de una selección y/o que requieren de un botón diferente para ser empujado para llegar a donde quieren.

Creo que es mejor que nunca con la anterior (y escribí el código!)

Answer 4

Para los puristas: http://www.grc.com/menudemo.htm Absolutamente nada de JavaScript, puro css-sólo - y funciona con prácticamente todos los navegadores.

Un poco de ajuste puede hacer que ellos se ven tan bien como los menús de lujo (jQuery, etc.)

Pero también hemos utilizado jQuery, YUI!y a los demás.YUI!tiene grandes opciones de accesibilidad, construido en el, si que es un requisito para JavaScript-powered menús.

-- Andrew

Answer 5

Yo uso este:

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

Viene en forma vertical y horizontal de los sabores.

Answer 6

Me gusta stickman del acordeón, que , dependiendo de cómo quieres que se comporte puede ser un bonito efecto.

Answer 7

Yo he sido un (descarada) fan de la página de Yahoo!La Interfaz De Usuario De La Biblioteca. Tienen un bonito barra de menú del sistema que es fácil de implementar.Gran compatibilidad con navegadores.

Usted probablemente puede conseguir algo similar de los populares frameworks de Javascript, como jQuery, así.