Лучшее раскрывающееся меню Javascript?

Я думаю, что меню jquery superfish фантастическое и простое в использовании:

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

Javascript - это не требуется, и он основан на простых действительных списках unorder ul.

A List Apart - выпадающие списки

Я бы использовал решение только для css, подобное приведенному выше, поэтому пользователь все равно будет получать раскрывающиеся меню даже с отключенным javascript.

Мне нравится аккордеон крупье, который в зависимости от того, как вы хотите, чтобы он себя вел, может быть хорошим эффектом.

Вот мой ответ с помощью 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;
};

А затем в вашем готовом обработчике:

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

Но я хотел бы отметить, что это ужасно для удобства использования. Лучше использовать список и показывать людям все варианты сразу, и лучше не уходить после выбора и / или не требовать нажатия другой кнопки, чтобы попасть туда, куда они хотят.

Я думаю, вам лучше никогда не использовать вышеуказанное (и я написал код!)

Для пуриста: http://www.grc.com/menudemo.htm Абсолютно никакого JavaScript, только чистый CSS - и работает практически со всеми браузерами.

Небольшая настройка может заставить их выглядеть так же хорошо, как и модные меню (jQuery и т. д.).

Но мы также использовали jQuery, YUI! и другие. ЮЙ! имеет отличные встроенные опции доступности, если это требуется для меню на основе JavaScript.

- Андрей

Я использую такой:

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

Поставляется как в вертикальном, так и в горизонтальном исполнении.

Я был (беззастенчивым) поклонником Yahoo! Библиотека пользовательского интерфейса. У них хорошая система меню, который легко реализовать. Отличная кроссбраузерная поддержка.

Вероятно, вы можете получить что-то подобное и в других популярных фреймворках Javascript, таких как jQuery.