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

时间:2010-03-02 10:48:10

标签: html css xhtml menu

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

- 可接受性,    它可以通过javascript关闭查看    屏幕阅读器 -backwords capatabilty,    在IE6中可以查看 -cross浏览器

我问这个是因为我最近一直在使用某个网站,只有下拉菜单的css只显示IE6中的下拉菜单

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

2 个答案:

答案 0 :(得分:4)

javascriptless下拉列表的标准称为suckerfish或suckerfish下拉的儿子:http://htmldog.com/articles/suckerfish/dropdowns/

在IE6中,正如您将注意到的,他们使用一些js来模仿悬停。这很好 - 只要您悬停在第一个链接上,触发下拉列表,就是一个真正的链接!将该链接转到可以导航到菜单中隐藏的页面的页面。如果不出意外,只需复制他们缺少的子菜单,并使页面内容正常工作。

Voila,无障碍。

答案 1 :(得分:1)

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

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

即使它为IE6(及更早版本)使用了一点JS。

或者可以使用本教程设置自己的:

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