点击弹出层外区域关闭弹出层jquery特效,废话不说,上代码,简洁明了: 复制代码 代码如下: <BR>.hide{display:none;} <BR>.con{width:500px;height:300px;background:#000;} <BR> 点击弹出层 ,点击弹出层外区域关闭弹出层jquery特效 <BR>$(document).ready(function() { <BR>$("div.down").click(function(e) { <BR>e.stopPropagation(); <BR>$("div.con").removeClass("hide"); <BR>}); <BR>$("div.con a").click(function() { <BR>$("div.con").addClass("hide"); <BR>}); <br><br>$(document).click(function() { <BR>if (!$("div.con").hasClass("hide")) { <BR>$("div.con").addClass("hide"); <BR>} <BR>}); <br><br>$("div.con").click(function (e) { <BR>e.stopPropagation();//阻止事件向上冒泡 <BR>}); <br><br><BR>}); <BR> click show-area 关闭