关于JavaScript和一个垂直的多层次导航栏的问题

Question

是否可以只使用CSS而不使用JavaScript制作一个垂直的、多层次的导航栏？

就像这里的那个：

http://www.dhtmlgoodies.com/scripts/slidedown-menu2/slidedown-menu2.html#

我试图避免使用JavaScript，因为今天的浏览器有一个可以禁用JavaScript代码的选项。我不想因为这些设置而破坏我的网页。我应该考虑一下吗？还是我应该直接使用JavaScript呢？

我希望只使用CSS来实现这一点，尽管我不确定CSS是否足以满足这个需求。

编辑:顺便问一下，当你点击一个<a>标签时，是否有一个<a>选择器？类似于‘a:单击’。我只知道一个:悬停。

Answer 1

除非您使用CSS3动画，否则您将无法获得任何类似于该示例的动画，在这种情况下，您将得到比使用JavaScript更少的支持。

如果是我，我只会用JavaScript来做。如果用户关闭了它，他们仍然会收到菜单，而不是动画(如果你正确编码的话)。

Answer 2

这里有一些例子说明您可以使用CSS做些什么：

http://www.cssmenus.co.uk/dropdown.html

Answer 3

CSS主要用于网页的样式设计，而JavaScript则主要用于给它们提供不同的行为和交互性。

尽管如此，CSS3对变化 那做了很多事情。但是，如果你现在想要一个任何类型的跨浏览器支持的网页，那不是一个真正的选择。

正如您已经说过的，用户可以选择禁用JavaScript，这对安全是件好事。然而，这意味着您应该始终尝试使任何JavaScript补充到您的页面，因此即使禁用了JavaScript，仍然有一些功能。

如果您希望菜单中有任何有趣的效果，您将需要一些CSS和JavaScript的混合，如果您在CSS文档中定义和应用您的样式，而不是从您的JavaScript中定义和应用样式，则仍然可以保持一定的可用性。