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

一个界面上有一个按钮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;
...
大体思路这样吧，应该还有挺多细节性问题，慢慢琢磨吧...

                .div1{position:absolute;display:none;}    .div2{position:absolute;display:none;}                  function div1Show() {            var div1 = document.getElementById("div1");            div1.style.display = "";        }        function div2Show() {            var div1 = document.getElementById("div1");            var div2 = document.getElementById("div2");            div1.style.display = "none";            div2.style.display = "";        }           


      
查看更多关于如何用css+js实现点击按钮弹出div层_html/css_WEB-ITnose的详细内容...
        

          
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://www.haodehen.cn/did106041