jquery三个关闭弹出层的小示例

在开发应用中我们做了一个弹出层，有时我们会做一个关闭按钮，这样点击关闭就可以把弹出层关闭了，但是有时希望只要不点击弹出层内就自动关闭弹出层了，下面我总结了三个实例。
例1
复制代码 代码如下:






.pop{width:200px;height:130px;background:#080;}

例2,点击自身以外地方关闭弹出层
复制代码 代码如下:


.hide{display:none;}




    click
    show-area


 

例3
复制代码 代码如下:






#box{width:300px;height:200px;border:1px solid #000;display:none; margin:0 auto;}
.btn{color:red;}





打开我了,点空白关闭啊,谢谢
打开弹出层