纯css下拉或jquery下拉？

Question

制作下拉菜单，纯CSS或jQuery的最佳方法是什么？

我感兴趣的是两者中哪一个具有最佳的浏览器兼容性，哪一个产生的问题较少？

我想在所有主流浏览器中支持菜单，我可以使用所有版本的CSS，我不需要菜单中的花哨的东西，我需要它简单，干净和工作。

提前谢谢。

Answer 1

Suckerfish下拉列表非常符合跨浏览器标准。它们不使用jQuery，但是普遍使用。 http://www.htmldog.com/articles/suckerfish/dropdowns/

除此之外，这里有一些很好的jQuery下拉菜单： http://www.1stwebdesigner.com/css/38-jquery-and-css-drop-down-multi-level-menu-solutions/

Answer 2

对于CSS菜单，如果你需要支持这些浏览器，你会陷入IE6和7等旧浏览器的困境，因为它们不支持通常作为下拉菜单目标的元素上的pseudo：hover属性。他们需要Javascript来添加基本的悬停支持。

如果您正在为现代浏览器提供服务，那么您最后的关注点就是可访问性。如果您构建菜单很差并且用户没有启用Javascript，那么您就会遇到问题。如果你使用语义标记并使用try＆amp;测试下拉菜单技术，就像@David Faux建议的那样，那么你会没事的。

评论中的一些有效问题。我还要补充一下：

• 一旦您的项目生效，您是否能够更新/维护它？随着新的浏览器版本的发布，CSS和JS菜单都会出现问题。
• 将来会保留哪些菜单，他们会有与您相同或更好的体验吗？

我把钱放在坚固的Javascript菜单上，带有语义标记和注释代码。