javascript - 如何在禁用 javascript 时更改导航菜单的外观。

Question

我正在使用使用 javascript 的导航菜单重新构建一个网站，但是当禁用 javascript 时，下面的子菜单的列表堆栈。无论如何，我是否让它们消失或将它们的颜色更改为白色，以便在禁用 javascript 时与正文背景颜色混合？

我在旋转木马、内容滑块和 jquery 选项卡上遇到了这个问题。当我使用 Easy Slider 时，我给了列表的个人 ID，然后在 css 标记中将显示设置为无，这有效，但其中任何一个都不起作用。

我正在使用的导航菜单是http://www.designchemical.com/lab/jquery-mega-drop-down-menu-plugin/examples/

内容滑块 - http://webdeveloperplus.com/jquery/featured-content-slider-using-jquery-ui/

我读过一篇关于优雅降级的文章，但我不太明白。任何帮助，将不胜感激。谢谢

Answer 1

您可以使用noscript标签向将隐藏这些元素（例如，给定它们display: none）的页面添加样式规则，如下所示：

<noscript>
<style>
relevantSelector {
    display: none;
}
</style>
</noscript>

noscript仅当浏览器没有 JavaScript 或 JavaScript 已关闭时，才会包含标记中的内容。您还可以使用此技术来显示非 JavaScript 导航元素。