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

Question

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

我在轮播、内容 slider 和 jquery 选项卡方面遇到了这个问题。当我以前使用 Easy Slider 时，我给出了列表的单独 id，然后在 css 标记中将显示设置为无，这有效，但它不适用于其中任何一个。

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

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

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

Answer 1

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

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

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