如何用JavaScript实现下拉菜单的隐藏功能？
- 内容介绍
- 文章标签
- 相关推荐
本文共计766个文字，预计阅读时间需要4分钟。
JavaScript实现隐藏下拉框效果的简单方法：
javascriptfunction moreCon() { var backg=document.getElementById('colorChange'); var mdiv=document.createElement('div'); mdiv.style.position='absolute'; mdiv.style.top=backg.offsetTop + 'px'; mdiv.style.left=backg.offsetLeft + 'px'; mdiv.style.width=backg.offsetWidth + 'px'; mdiv.style.height=backg.offsetHeight + 'px'; mdiv.style.backgroundColor='rgba(0,0,0,0.5)'; mdiv.style.zIndex=1000; document.body.appendChild(mdiv);}
操作环境：Windows 10系统、JavaScript 1.8.5、ThinkPad T480电脑。点击显示隐藏下拉框效果。
javascript实现隐藏下拉框效果的方法：。
本文操作环境：windows10系统、javascript 1.8.5、thinkpad t480电脑。
本文共计766个文字，预计阅读时间需要4分钟。
JavaScript实现隐藏下拉框效果的简单方法：
javascriptfunction moreCon() { var backg=document.getElementById('colorChange'); var mdiv=document.createElement('div'); mdiv.style.position='absolute'; mdiv.style.top=backg.offsetTop + 'px'; mdiv.style.left=backg.offsetLeft + 'px'; mdiv.style.width=backg.offsetWidth + 'px'; mdiv.style.height=backg.offsetHeight + 'px'; mdiv.style.backgroundColor='rgba(0,0,0,0.5)'; mdiv.style.zIndex=1000; document.body.appendChild(mdiv);}
操作环境：Windows 10系统、JavaScript 1.8.5、ThinkPad T480电脑。点击显示隐藏下拉框效果。
javascript实现隐藏下拉框效果的方法：。
本文操作环境：windows10系统、javascript 1.8.5、thinkpad t480电脑。