页面弹出div

<style>
.gonggao{
    position:absolute;
    top:20px;
    left:50px;
    width:500px;
    height:200px;
    border:1px solid #993300;
    background-color:#ffffff;
}
.gonggao h1{
    line-height:50px;
    font-size:24px;
    font-family:"黑体";
    font-weight:bold;
    text-align:center;
}
.gonggao div{
    line-height:30px;
    font-size:18px;
    font-family:"黑体";
    text-align:center;
    color:#993300;
}
.gonggao div a,.gonggao div a:visited{
    color:#993300;
}
</style>
<div id="gonggao" class="gonggao">
    <h1>欢迎窗口</h1>
    <div>
        <a href="#">点击进入</a>
        <a href="javascript:clsGG();">关闭</a>
    </div>
</div>
<script type="text/javascript">
    function clsGG(){
        jQuery("#gonggao").toggle();
    }
</script>