欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

如何用css+js实现点击按钮弹出div层_html/css_WEB-ITnose

程序员文章站 2022-04-25 23:48:08
...
一个界面上有一个按钮btn1,点击按钮弹出一个水平垂直居中的div层1,弹出的div层1 上又有一个按钮btn2,点击btn2时候同样弹出一个水平垂直居中div层2,第一个div层关闭。


回复讨论(解决方案)

div层1,div层2两个div都使用绝对定位,使之水平垂直居中,默认设置display属性为none;
btn1的点击响应事件中设置div层1 display:block;
btn2的点击响应事件中设置div层1 diaplay:none,div层2display:block;
...
大体思路这样吧,应该还有挺多细节性问题,慢慢琢磨吧...