Meilleur menu déroulant Javascript?

Je suis à la recherche d'un drop-down menu JavaScript.

Il doit être le plus simple et le plus élégant le menu accessible qui fonctionne dans IE6 et Firefox 2 aussi.
Ce serait bien si elle a travaillé sur une liste non numérotée (ul) de sorte que l'utilisateur peut utiliser la page sans support JavaScript.

Que l'on ne vous recommander et où puis-je trouver le code pour le menu?

source d'informationauteur Germstorm

  1. 12

    Je pense que le jquery superfish menu est fantastique et facile à utiliser:

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

    Javascript est pas nécessaireet il est basé sur un simple valable ul unorder listes.

  2. 3

    A List Apart - Listes Déroulantes

    J'avais utiliser un css seule solution comme ci-dessus afin que l'utilisateur obtient toujours des menus déroulants, même avec javascript désactivé.

  3. 2

    Voici ma réponse à l'aide de 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;
};

    Et puis dans votre onready gestionnaire:

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

    Mais je tiens à souligner que ce sont terribles pour la facilité d'utilisation. Mieux vaut utiliser une liste et de montrer aux gens de toutes les options à la fois, et il est mieux de ne pas naviguer loin après une sélection et/ou d'exiger un autre bouton pour être poussé à en arriver là où ils veulent.

    Je pense que vous êtes mieux de ne jamais l'utiliser à la ci-dessus (et j'ai écrit le code!)

  4. 2

    Pour les puristes:
    http://www.grc.com/menudemo.htm
    Absolument pas de JavaScript, en pur css et fonctionne avec pratiquement tous les navigateurs.

    Un peu de peaufinage peut les rendre aussi bon que les menus de fantaisie (jQuery, etc.)

    Mais nous avons également utilisé jQuery, YUI! et pour les autres. YUI! a de grandes options d'accessibilité intégrées, si c'est une exigence pour JavaScript-alimenté menus.

    --
    Andrew

  5. 2

    J'utilise celui-ci:

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

    Vient à la fois verticale et horizontale des saveurs.

  6. 1

    J'aime stickman est accordéonqui, selon la façon dont vous voulez qu'il se comporte peut-être un effet agréable.

  7. 1

    J'ai été un (imperturbable) fan de Yahoo! Bibliothèque D'Interface Utilisateur. Ils ont une belle barre de menu système qui est facile à mettre en œuvre. Grande croix-prise en charge du navigateur.

    Vous pouvez probablement obtenir quelque chose de similaire de l'autre populaire frameworks Javascript comme jQuery, ainsi.