一、开发小要点
web页面中,我们一般不用select、option来实现下拉菜单效果,因为下拉框的样式丑且难以美化,所以我们选择控制ul显示隐藏来实现同样且高大上的效果,但是不能像下拉框那样点击页面其他部分,下拉菜单收起或隐藏,该怎么办呢?只能用js这老大哥来控制了 。
二、代码
HTML:
CSS:
【jQuery点击页面其他部分隐藏下拉菜单功能】JS:
效果:
总结
以上所述是小编给大家介绍的jQuery点击页面其他部分隐藏下拉菜单功能,希望对大家有所帮助 。
推荐阅读
- 怎么解决360双核浏览器兼容模式的页面显示问题?解决的方法介绍
- 恼火Flash插件IE/Chrome/Firefox/Opera等怎样设置点击播放?设置的方法分享
- 怎么解决jQuery的hover事件在IE中不停闪动的问题?解决的方法介绍
- Internet Explorer已对此页面进行了修改以帮助阻止跨站脚本
- IE浏览器打开页面出错提示无法打开匿名级安全令牌怎么办?解决的方法分享
- win10中edge浏览器或者IE总是出现假死访问页面反应该怎么办?解决的办法介绍
- win10中edge浏览器或者IE总是出现假死访问页面反应该怎么办?解决的方法介绍
- Win7下IE双击允许才能进入下载页面怎么办?解决的方法介绍
- InDesign设置图像页面居中对齐方法介绍
- IE8浏览器点击后退没反应该怎样解决?解决的方法介绍