码迷,mamicode.com
首页 > 其他好文 > 详细

弹出div隐藏层

时间:2015-10-09 15:06:48      阅读:120      评论:0      收藏:0      [点我收藏+]

标签:

<style type="text/css">
    .div1{position:absolute;display:none;}
    .div2{position:absolute;display:none;}
</style>

 

 

 <div id="div1" class="div1">
                       隐藏层1
     </div>
     <div id="div2" class="div1">
                    隐藏层2
       <input type="button" value="btn2" id="btn2" onclick="div2Show()" />
    </div>
      <input type="button" value="btn1" id="btn1" onclick="div1Show()"/>

 

<script type="text/javascript">
        function div1Show() {
            var div1= document.getElementById("div1");
            div1.style.display = ‘block‘;
        }
        function div2Show() {
            var div1= document.getElementById("div1");
            var div2= document.getElementById("div2");
            div1.style.display = ‘none‘;
            div2.style.display = ‘block‘;
        }
</script>

 

弹出div隐藏层

标签:

原文地址:http://www.cnblogs.com/lengzhijun/p/4863884.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!