怎么给弹出窗口层添加关闭按钮
在学做网站论坛之前的教程：如何给button按钮添加点击弹出窗口 ，我们教大家制作了一个点击弹出窗口。有些建网站学员按照步骤成功制作出了一个弹出窗口，但都反映弹出窗口缺少一个关闭按钮。
下面我们就来教大家学习一下如何给弹出窗口添加关闭按钮。
给弹出窗口层添加关闭按钮，代码总共分为三部分：
关闭按钮HTML代码
<a class="gbi">关闭</a>
关闭按钮CSS代码
.gbi{position:absolute;top:10px;right:10px;}
.gbi a{color:#333;}
关闭按钮JS代码
<script>
$(".gbi").click(function(){
$(".dialog").hide();
});
</script>
使用以上的代码制作好之后的效果如下图：
