选择完整的基于 CSS 的菜单和基于 Javascript/CSS 的菜单的理由是什么？

Question

在为您的网站考虑新菜单时，您验证的要点是什么？

• 为什么我应该选择完整的基于 CSS 的菜单？
• 为什么我应该选择基于 Javascript/CSS 的菜单？
• 选择其中任何一个有什么好处？

CSS 菜单是否旧？ 还是功能有限。 我不认为 CSS 菜单是旧的，因为我仍然使用完整的 CSS 菜单（没有 javascript 来控制其下拉菜单）选择一千个 web2.0 站点。

Answer 1

我默认使用纯 CSS 除非有一些我无法使用 CSS 动画实现的东西，然后我会考虑切换到 JS。 除非您需要跨多个元素的花哨的定时 animation 或 CSS 动画无法处理的古怪东西，否则您很少需要 JS。

使用纯 CSS 即使客户端禁用了 JS，菜单仍然有效。 加上纯 CSS 通常代码更少，这总是很好。

一个很好的看待它的方法：当你在 hover 或 CSS 上时，你会使用 JS 来更改链接的颜色吗？ 这只是一个更复杂但通常相似的问题。

Answer 2

CSS 控制布局（以及有限的交互，例如hover ），而 Javascript 控制逻辑。

如果您的菜单中不需要任何逻辑（例如将隐藏的 div 元素显示为子菜单），那么单独使用 CSS 就可以了。