Лучший Javascript раскрывающееся меню? [закрыто]

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

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

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

Ответы на вопрос(7)

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

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

Решение Вопроса

что меню Superfish JQuery является фантастическим и простым в использовании:

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

Javascript этоnot required, и это основано на простых действительных списках ul unorder.

 03 дек. 2012 г., 16:28
Почему все вопросы JavaScript получают ответы JQuery?
 19 сент. 2008 г., 17:30
Какое это имеет отношение к суперфишу? Это не так.
 19 сент. 2008 г., 15:02
Это хорошо, но яabhor выпадающие меню на веб-страницах, которые выполняют действия без моего нажатия; это приводит к тому, что вещи становятся неясными, когда я не предпринимал никаких явных действий, чтобы это произошло.
 Germstorm20 сент. 2008 г., 17:58
Я нашел это красиво и легко настроить. И самое приятное то, что он работает в IE6, IE7 и Firefox (я еще не тестировал с другими).
 28 мар. 2013 г., 18:57
Поскольку JavaScript, HTML DOM и CSS являются таким кластером устаревших «стандартов», что им пришлось создать оболочку для всего языка и отобразить иерархию, которая действительно может использоваться. Просто используйте Flash / AS3.

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

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


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();

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

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

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

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

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

-- Andrew

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

У них хорошая система менубар это легко осуществить. Отличная кросс-браузерная поддержка.

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

 07 июн. 2013 г., 20:19
Это пример использования YUI 3 для создания выпадающего меню:jsbin.com/udigof/1

Ваш ответ на вопрос