<html>
<head>
<style>
.hide{display:none;}
.con{width:500px;height:300px;background:#000;}
</style>
<title>Click on the pop-up layer, click on the area outside the pop-up layer to close the pop-up layer jquery special effects</title>
<script type="text/javascript" src="http://jt./js/"></script>
<script type="text/javascript">
$(document).ready(function() {
$("").click(function(e) {
();
$("").removeClass("hide");
});
$(" a").click(function() {
$("").addClass("hide");
});
$(document).click(function() {
if (!$("").hasClass("hide")) {
$("").addClass("hide");
}
});
$("").click(function (e) {
();//Stop the event from bubble upward
});
});
</script>
</head>
<body>
<div class="down">click</div>
<div class="con hide">show-area
<a style="color:#ffff;">Close</a>
</div>
</body>
</html>