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

div 弹出框 点击周围空白处消失

时间:2014-08-20 19:20:02      阅读:173      评论:0      收藏:0      [点我收藏+]

标签:style   blog   java   io   ar   cti   div   代码   

html代码

<div id="detailMsg" class="showDiv"  style="margin: 0 0 0 200px;">
    ....  //弹出框内具体内容省略
</div>

js代码(引入jquery)

$(function () {
$("#detailMsg").click(function(e){ e= e || window.event; if(e.cancelBubble) e.cancelBubble = true; else e.stopPropagation(); }); $("body").click(function(){ $(‘#detailMsg‘).css("display","none"); });
});

  

    

  

div 弹出框 点击周围空白处消失,布布扣,bubuko.com

div 弹出框 点击周围空白处消失

标签:style   blog   java   io   ar   cti   div   代码   

原文地址:http://www.cnblogs.com/yunp07/p/3925197.html

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