这是制作下拉菜单,纯CSS或jQuery的最佳方式吗?纯CSS下拉或jQuery下拉?
我很感兴趣哪两个具有最好的浏览器兼容性,哪一个产生较少的问题?
我想在所有主流浏览器中支持菜单,我可以使用CSS的所有版本,我不需要菜单中的花哨的东西,我需要它简单,干净和工作。
预先感谢您。
这是制作下拉菜单,纯CSS或jQuery的最佳方式吗?纯CSS下拉或jQuery下拉?
我很感兴趣哪两个具有最好的浏览器兼容性,哪一个产生较少的问题?
我想在所有主流浏览器中支持菜单,我可以使用CSS的所有版本,我不需要菜单中的花哨的东西,我需要它简单,干净和工作。
预先感谢您。
对于CSS菜单,你陷在泥旧的浏览器IE6一样和7,如果你需要支持这些,因为它们不支持通常希望用作下拉菜单目标的元素上的pseudo:hover属性。他们需要Javascript来添加基本的悬停支持。
如果您正在为现代浏览器提供服务,那么您最后关心的就是可访问性。如果你糟糕的构建菜单并且用户没有启用Javascript,那么你有问题。如果你使用语义标记并使用经过测试的下拉菜单技术,就像@David Faux建议的那样,那么你将会很好。
评论中的一些有效问题。我还要补充:
我把我的钱放到了带有语义标记和注释代码的健壮的Javascript菜单上。
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/
Superfish是一个jQuery插件,改进了Suckerfish,并添加了一些不错的优雅降级功能http://users.tpg.com.au/j_birch/plugins/superfish/ – Vigrond 2012-02-13 20:19:56
这是不可能回答这个问题的。真正的答案是:这取决于。 – PeeHaa 2012-02-13 20:16:05
如果你可以使用CSS,但如所述,它取决于。你支持哪些浏览器?你可以使用CSS3吗?你需要动画吗?您是否在您的网站上使用JavaScript,无论下拉? – 2012-02-13 20:17:29
@AbePetrillo我更新了我的问题。 – Starlays 2012-02-13 20:22:46