Click on the pop-up layer to close the pop-up layer jquery effect, nonsense do not say, on the code, concise and clear:
Copy Code code as follows:
<style>
. Hide{display:none;}
. Con{width:500px;height:300px;background: #000;}
</style>
<title> Click on the pop-up layer, click on the pop-up layer to close the pop-up layer jquery effect </title>
<script type= "Text/javascript" src= "Http://jt.875.cn/js/jquery.js" ></script>
<script type= "Text/javascript" >
$ (document). Ready (function () {
$ ("Div.down"). Click (function (e) {
E.stoppropagation ();
$ ("Div.con"). Removeclass ("Hide");
});
$ ("Div.con a"). Click (function () {
$ ("Div.con"). AddClass ("Hide");
});
$ (document). Click (function () {
if (!$ ("Div.con"). Hasclass ("Hide")) {
$ ("Div.con"). AddClass ("Hide");
}
});
$ ("Div.con"). Click (function (e) {
E.stoppropagation ()//Prevent event bubbling up
});
});
</script>
<body>
<div class= "Down" >click</div>
<div class= "Con Hide" >show-area
<a style= "color: #fff;" > Close </a>
</div>
</body>