首页 > 其他 > 详细

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

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

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 弹出框 点击周围空白处消失

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

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