Jquery 向css菜单添加延迟(仍然支持非js浏览器)

Jquery 向css菜单添加延迟(仍然支持非js浏览器),jquery,html,css,Jquery,Html,Css,我有一个三级菜单,可以使用:hover,并且只使用css。现在我需要给hover添加一个小延迟(因此将我的css:hover更改为.hover类并使用jQuery)。问题是,如果浏览器关闭了javascript,菜单还会工作吗?我可以让两个“系统”同时工作吗?在您的标签上添加一个classno js: <html class="no-js"> 在CSS中,您的目标浏览器禁用JS,如下所示: .menu.hover { color: red; } // .hover class .n

我有一个三级菜单,可以使用:hover,并且只使用css。现在我需要给hover添加一个小延迟(因此将我的css:hover更改为.hover类并使用jQuery)。问题是,如果浏览器关闭了javascript,菜单还会工作吗?我可以让两个“系统”同时工作吗?

在您的
标签上添加一个class
no js

<html class="no-js">
在CSS中,您的目标浏览器禁用JS,如下所示:

.menu.hover { color: red; } // .hover class
.no-js .menu:hover { color: red; } // pseudo :hover JS disabled
.menu.hover { color: red; } // .hover class
.no-js .menu:hover { color: red; } // pseudo :hover JS disabled