jquery css div (弹出)显示隐藏层
2015-01-22 14:24
656 查看
css代码段
html代码 默认不显示隐藏层
js (jquery)代码 显示隐藏层
js (jquery)代码 关闭隐藏层
.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 弹出窗口,(div显示与隐藏),隐藏层半透明
- css中实现div的显示和隐藏
- jquery之超简单的div显示和隐藏特效demo
- jquery控制css的display(控制元素的显示与隐藏)
- jquery显示隐藏div
- CSS DIV层的显示和隐藏
- jquery实现点击元素,如果弹出层隐藏则显示,显示则隐藏
- css控制div显示/隐藏方法及2种方法比较原码
- JQuery之toggle [click触发DIV的显示与隐藏]
- JQuery Div的动态显示及动态隐藏
- Div+Css+JS做多个显示/隐藏内容块
- jquery之超简单的div显示和隐藏特效demo
- DIV+CSS实现的拖动+隐藏/显示效果+背景变暗
- Css+DIV关于层的显示与隐藏
- Div+Css+JS做多个显示/隐藏内容块
- jquery之超简单的div显示和隐藏特效demo
- css控制div显示/隐藏方法及2种方法比较原码[转]
- DIV+CSS实现显示隐藏层
- jquery的div显示和隐藏
- jquery之超简单的div显示和隐藏特效demo