纯css下拉菜单还是jquery下拉菜单？

Question

制作下拉菜单最好的方式是什么，纯CSS还是jQuery？

我感兴趣的是，这两种浏览器中哪一种兼容性最好，哪一种带来的问题更少？

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

提前谢谢你。

Answer 1

对于CSS菜单，如果你需要支持像IE6和7这样的老浏览器，你会陷入泥潭，因为它们不支持元素上的伪:hover属性，这些元素通常是下拉菜单的目标。它们需要Javascript来添加基本的悬停支持。

如果您正在迎合现代浏览器，那么您最终关心的实际上是可访问性。如果你不能很好地构建一个菜单，并且用户没有启用Javascript，那么你就有问题了。如果你使用语义标记并使用经过测试的下拉菜单技术，就像@David Faux建议的那样，那么你就会很好。

不过，评论中也有一些有效的问题。我还想补充说：

• 一旦你的项目上线了，你还能更新/维护它吗？随着新浏览器版本的发布，CSS和JS菜单都会出现问题。将来负责维护该菜单的
• 是否会拥有与您相同或更好的体验？

我把我的钱放在具有语义标记和注释代码的健壮的Javascript菜单上。

Answer 2

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/