代码之家  ›  专栏  ›  技术社区  ›  WalterJ89

显示下拉菜单的最佳方法是什么?

  •  1
  • WalterJ89  · 技术社区  · 16 年前

    显示下拉菜单的最佳方法是什么?为了最佳实践。
    记住:

    -可访问性, 关闭javascript时可查看
    屏幕阅读器 -后记能力, IE6中的视图 跨浏览器

    我之所以问这个是因为我最近在一些网站上工作,这些网站只有CSS下拉菜单,不显示IE6中的下拉菜单。

    如果javascript不正确,是否将下拉列表显示为列表?

    2 回复  |  直到 16 年前
        1
  •  4
  •   D_N    16 年前

    Javascrittless Dropdown的标准称为Suckerfish或Suckerfish Dropdowns之子: http://htmldog.com/articles/suckerfish/dropdowns/

    不过,在IE6中,正如您将注意到的,它们使用一点JS来模拟悬停。很好——只要你悬停的第一个链接触发了下拉列表,它就是一个真正的链接!让这个链接转到一个页面,在那里他们可以导航到隐藏在菜单中的那些页面。如果没有其他内容,只需复制它们丢失的子菜单,并使页面内容可以工作。

    喂,方便。

        2
  •  1
  •   Select0r    16 年前

    如果必须确保在关闭JS的情况下可以查看,请使用CSS解决方案。这里有一个自称是跨浏览器的:

    http://lwis.net/free-css-drop-down-menu/

    尽管它在IE6(及更老版本)中使用了一点JS。

    或者使用本教程自行设置:

    http://ago.tanfa.co.uk/css/examples/menu/tutorial-h.html