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

Я ищу раскрывающееся меню JavaScript.

Это должно быть самое простое и элегантное доступное меню, которое также работает в IE6 и Firefox 2. Было бы хорошо, если бы он работал с ненумерованным списком (ul), чтобы пользователь мог использовать страницу без поддержки JavaScript.

Какой из них вы рекомендуете и где я могу найти код для такого меню?

Ответы

Ответ 1

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

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

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

Ответ 2

Список Apart - раскрывающийся список

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

Ответ 3

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

И затем в вашем обработчике onready:


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

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

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

Ответ 4

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

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

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

- Эндрю

Ответ 6

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

Ответ 7

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

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