jQuery点击页面其他部分隐藏下拉菜单功能

【字号: 日期:2024-05-07浏览:56作者:雯心

一、开发小要点

web页面中,我们一般不用select、option来实现下拉菜单效果,因为下拉框的样式丑且难以美化,所以我们选择控制ul显示隐藏来实现同样且高大上的效果,但是不能像下拉框那样点击页面其他部分,下拉菜单收起或隐藏,该怎么办呢?只能用js这老大哥来控制了。

二、代码

HTML:

jQuery点击页面其他部分隐藏下拉菜单功能

CSS:

jQuery点击页面其他部分隐藏下拉菜单功能

JS:

jQuery点击页面其他部分隐藏下拉菜单功能

效果:

jQuery点击页面其他部分隐藏下拉菜单功能

总结

以上所述是小编给大家介绍的jQuery点击页面其他部分隐藏下拉菜单功能,希望对大家有所帮助。

相关文章: