最佳的Javascript下拉菜单？ [关闭](Best Javascript drop-dow

我要寻找一个下拉菜单的JavaScript。

它应该是最简单，最优雅的访问菜单，在IE6和Firefox 2中也适用。 如果它的工作无编号列表（在这将是罚款ul ），因此用户可以使用页面不支持JavaScript。

哪一个你建议我在哪里可以找到的代码这样的菜单？

Answer 1:

我认为jQuery的快鱼菜单是梦幻般的，易于使用：

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

JavaScript是不是必需的 ，它是基于简单有效的上行unorder名单。

Answer 2:

列表除了-下拉框

我会用像上面只有一个CSS的解决方案，使用户仍然得到下拉菜单甚至禁用了javascript。

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

但我想指出的是，这些都是可怕的可用性。 最好使用一个列表，显示人的所有选项中的一次，而且最好选择后不离开导航和/或需要不同的按钮来推去他们想去的地方。

我想你最好永远不会使用上述（和我写的代码！）

Answer 4:

对于纯粹： http://www.grc.com/menudemo.htm绝对没有JavaScript的，纯CSS只-与几乎所有浏览器上运行。

一个小的调整可以使它们看起来任人菜单（jQuery的，等等）一样好

但是，我们也使用了jQuery，YUI！ 和别的。 YUI！ 内置了很大的辅助功能选项，如果这是对JavaScript供电菜单的要求。

- 安德鲁

Answer 5:

我用这一个：

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

它来自于垂直和水平的味道。

Answer 6:

我喜欢火柴人的手风琴 ，这取决于你想如何表现可能是一个很好的效果。

Answer 7:

我一直在雅虎的（不加掩饰的）风扇 用户界面库。 他们有一个很好的菜单栏系统 ，很容易实现。 大跨浏览器支持。

你也许可以从其他流行的JavaScript框架，如jQuery类似的东西，也是如此。

文章来源: Best Javascript drop-down menu? [closed]