学步园

$(document).ready(function(){

//打开    
 $("#open").click( function () {
    
         
            $("#showBox").show().css("top",($(document).height()-200)/2 ).css("left",($(document).width()-400)/2 );
          }    );
         
          //关闭
           $("#close").click( function () {
            $("#showBox").hide();
          }    );

    });