首页 > Web开发 > 详细

jquery css div (弹出)显示隐藏层

时间:2015-01-22 15:08:02      阅读:298      评论:0      收藏:0      [点我收藏+]

css代码段

.crm_tc_bg {
width: 100%;
height: 100%;
position: fixed;
display: block;
top: 0;
left: 0;
background: #000;
filter: apha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
z-index: 1000;
}
.crm_tc_box {
width: 300px;
min-height: 200px;
max-height: 300px;
overflow-x: hidden;
overflow-y: auto;
display: block;
position: absolute;
left: 50%;
margin-left: -150px;
top: 50%;
margin-top: -100px;
z-index: 1001;
background: #fff;
}

html代码 默认不显示隐藏层

<div id="card_popup" style="display: none">
<div class="crm_tc_bg"></div>
<div class="crm_tc_box">
    <h3><!--<span>名称</span>--><img src="image/closed_ico.png" class="close_ico"></h3>
    <div class="tableForm_wrap">
        弹出文本框内的提示文字。
    </div>
    <div class="tableForm_wrap_p"><p><a href="#" class="close_ico">确认</a></p></div>
</div>
</div>

js (jquery)代码  显示隐藏层

$(‘#card_popup‘).removeAttr("style")

 

js (jquery)代码  关闭隐藏层

<script type="text/javascript">
     $(document).ready(function() {
        $(".close_ico").click(function(e) {
            $(‘#card_popup‘).hide();
        });
        });
        </script>    

 

jquery css div (弹出)显示隐藏层

原文:http://www.cnblogs.com/womow/p/4241582.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!