CSS 菜单与 JavaScript 菜单

Question

在制作下拉菜单时，有像 superfish 这样的 jQuery 菜单和纯 CSS 菜单。 JS 菜单和 CSS 菜单有什么区别吗？

我不需要 onclick 事件来覆盖默认锚点。我只需要能够单击菜单项，然后按照 ... 转到另一个页面。

Answer 1

区别：

1. 如果用户禁用了 JavaScript，JavaScript 就会崩溃；如果用户禁用了 CSS（这种情况不太常见），CSS 菜单将无法工作
2. 通过 jQuery 等库制作的 JavaScript 更具跨浏览器性，因为跨浏览器问题是由库处理的
3. JavaScript 菜单更加灵活，因为 CSS对于创建高度复杂的效果来说仍然不够成熟（不要忘记 JavaScript 是一种编程语言，而编程语言意味着你几乎可以做任何你想做的事情。但是 CSS 更像是声明式 )
4. CSS 菜单通常比较轻大小（例如，请参阅思考结果），但这对于当今用户的互联网速度来说并不是什么大问题。
5. 有时在菜单中，您需要分组，这无法通过 CSS 实现，但可以在 JavaScript 中完成。 （分组意味着您希望在单击某个项目时打开一个下拉列表，而不是按照链接地址打开。当然，在您的情况下，这不是必需的）

Answer 2

从哲学的角度来看，CSS 实际上是关于样式的，JS 是关于交互的。然而，现在 WebKit 已经全力支持 CSS 转换，这条界限已经变得相当模糊了。

最后，尽可能多地使用 CSS，然后添加 JavaScript 来提高交互的水平是很棒的。诸如键盘导航之类的东西...允许鼠标从一个链接移动到下一个链接的微妙延迟...动画等。

Answer 3

即使我是一名开发人员，我也总是尽量避免编程。

我想我会使用 CSS 菜单，该菜单将使用 onHover 事件显示下拉菜单 DIV。

JavaScript 可能会受到其他应用程序的影响，可能会重复变量。并且可以轻松移植到通常不支持JS的移动设备上

Answer 4

一个明显的区别是 JS 菜单的可定制性更高。仅使用 CSS 无法控制诸如菜单显示速度之类的事情。