如何用css+js实现点击按钮弹出div

 我来答
jack_wang0823
2017-03-30 · TA获得超过2957个赞
知道大有可为答主
回答量:4143
采纳率:87%
帮助的人:1443万
展开全部
<head>
    <title></title>
    <style type="text/css">
    .div1{position:absolute;display:none;}
    .div2{position:absolute;display:none;}
    </style>
    <script type="text/javascript">
        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 = "";
        }
    </script>
</head>
<body>
    <div id="div1" class="div1">
    </div>
    <div id="div2" class="div1">
    <input type="button" value="btn2" id="btn2" onclick="div2Show()" />
    </div>
    <input type="button" value="btn1" id="btn1" onclick="div1Show()"/>
</body>
</html>
本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式