jquery弹出层

jquery 弹出层

http://sentsin.com/jquery/layer/

function open_box(show){
  var mask="<div class=\'mask\'></div>";
    $("body").append(mask);
  var height;
    if(parseInt($(window).height())>=parseInt($(document).height()))
    {height=$(window).height()}
     else{height=$(document).height()};
    $(".mask").fadeIn(400).css({height:height});
  $(show).slideDown(400);
}

function close_box(hide){
  if($("body").has(".mask"))
  {$(".mask").detach()};
  $(hide).slideUp(400);
}

div

<div id="layerDiv">
  <a class="close_box" id="close_box01"> </a>
</div>

div样式 关闭按钮样式

#layerDiv{width:600px;height:250px;border:3px solid #c1c1c1; position:fixed;background:#fff;z-index:200;left:40%;margin-left:-125px; top:40%; margin-top:-60px; display:none;}
.close_box{width:26px;height:26px;display:block;position:absolute;background:url({$res_web}/img/close_box.png) no-repeat;right:-12px;top:-12px;cursor:pointer;}