主要功能是点击显示,然后通过点击页面的任意位置都能关闭显示效果,主要是$(document).click的作用
开发过程中经常有一些弹出层,弹出后要在点击页面其他地方时自动关闭,下面是实现代码:
html代码：
复制代码 代码如下:
click
show-area
css代码：
.hide{display:none;}js代码
复制代码 代码如下:
$(document).ready(function(){
$(div.down).click(function(e){
e.stoppropagation();
$(div.con).removeclass(hide);
});
$(document).click(function(){
if(!$(div.con).hasclass(hide)){
$(div.con).addclass(hide);
}
});
});
ok，自己本地测试下吧，css样式自己修改！