CSS 菜单与 JavaScript 菜单

Question

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

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

Answer 1

差异：

1. 如果用户禁用 JavaScript，则 JavaScript 崩溃； 如果用户禁用了 CSS（不太常见），CSS 菜单将不起作用
2. 通过 jQuery 等库制作的 JavaScript 更加跨浏览器，因为跨浏览器问题由库处理
3. JavaScript menus are more flexible, as CSS still is not enough mature for creating highly complicated effects (don't forget that JavaScript is a programming language, and a programming language means that you can do almost anything you want. But CSS is more like declarative时尚）
4. CSS 菜单的大小通常更小（例如，请参见想法结果），但这对于当今用户的互联网速度来说并不是什么大问题。
5. 有时在菜单中，您需要分组，这不能通过 CSS 实现，但可以在 JavaScript 中完成。 （分组意味着您要在单击项目时打开下拉菜单，而不是跟随链接地址。当然，在您的情况下，这不是必需的）

Answer 2

一个明显的区别是 JS 菜单更加可定制。 您无法控制仅使用 CSS 菜单出现的速度之类的事情。

Answer 3

从哲学的角度来看，CSS 真的是关于样式，JS 是关于交互。 然而，现在 WebKit 已经在 CSS 转换中全力以赴，这条线已经模糊了很多。

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

Answer 4

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

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

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