2012-02-13 57 views
0

这是制作下拉菜单,纯CSS或jQuery的最佳方式吗?纯CSS下拉或jQuery下拉?

我很感兴趣哪两个具有最好的浏览器兼容性,哪一个产生较少的问题?

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

预先感谢您。

+3

这是不可能回答这个问题的。真正的答案是:这取决于。 – PeeHaa 2012-02-13 20:16:05

+3

如果你可以使用CSS,但如所述,它取决于。你支持哪些浏览器?你可以使用CSS3吗?你需要动画吗?您是否在您的网站上使用JavaScript,无论下拉? – 2012-02-13 20:17:29

+0

@AbePetrillo我更新了我的问题。 – Starlays 2012-02-13 20:22:46

回答

0

对于CSS菜单,你陷在泥旧的浏览器IE6一样和7,如果你需要支持这些,因为它们不支持通常希望用作下拉菜单目标的元素上的pseudo:hover属性。他们需要Javascript来添加基本的悬停支持。

如果您正在为现代浏览器提供服务,那么您最后关心的就是可访问性。如果你糟糕的构建菜单并且用户没有启用Javascript,那么你有问题。如果你使用语义标记并使用经过测试的下拉菜单技术,就像@David Faux建议的那样,那么你将会很好。

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

  • 一旦你的项目是活的,你将能够更新/维护它呢?随着新的浏览器版本的发布,CSS和JS菜单都会出现问题。
  • 谁将在未来保持菜单,他们会有比你更好的体验吗?

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

+0

为了回答您的问题,我会保持该项目。欢迎观点观点,谢谢。 – Starlays 2012-02-13 20:32:38

+0

没有probs,多年来,下拉式菜单已经走过了很长的一段路,玩得很开心:D – danjah 2012-02-13 20:51:58

0

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/

+3

Superfish是一个jQuery插件,改进了Suckerfish,并添加了一些不错的优雅降级功能http://users.tpg.com.au/j_birch/plugins/superfish/ – Vigrond 2012-02-13 20:19:56