jQuery如何实现打开网页自动弹出遮罩层或点击弹出遮罩层功能

这篇文章主要介绍了jQuery如何实现打开网页自动弹出遮罩层或点击弹出遮罩层功能，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。

为龙亭等地区用户提供了全套网页设计制作服务，及龙亭网站建设行业解决方案。主营业务为成都网站设计、成都网站制作、龙亭网站设计，以传统方式定制建设网站，并提供域名空间备案等一条龙服务，秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求，就会得到认可，从而选择与我们长期合作。这样，我们也可以走得更远！

具体如下：

弹出层：两种方式

一是打开网页就自动弹出层
二是点击弹出

//显示灰色 jQuery 遮罩层
function showBg() {
  var bh = $("body").height();
  var bw = $("body").width();
  $("#fullbg").css({
    height:bh,
    width:bw,
    display:"block"
  });
 $("#dialog").show();
}
//关闭灰色 jQuery 遮罩
function closeBg() {
$("#fullbg,#dialog").hide();
}



点击这里查看效果