可用于任意页面，注意要加入 jquery-1.8.3.min.js 才能使用
HTML代码如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf8">
<title>测试弹框</title>
</head>
<body>
<div class="click">点击</div>
<div class="show" style="border:1px solid blue;width:200px;display:none;">这里是展示区</div>
<script type="text/javascript">
$(".click").click(function(e){
if($(".show").hasClass("allhide")){
$(".show").hide();
$(".show").removeClass("allhide");
return;
}
e.stopPropagation();
$(".show").show();
$(".show").addClass("allhide");
});
$(document).click(function(){
if($(".show").hasClass("allhide")){
$(".show").hide();
$(".show").removeClass("allhide")
}
});
</script>
</body>
</html>
川公网安备 51010702002669号
18605917465
客服QQ