jQuery如何实现弹出层效果-创新互联
小编给大家分享一下jQuery如何实现弹出层效果，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！
让客户满意是我们工作的目标，不断超越客户的期望值来自于我们对这个行业的热爱。我们立志把好的技术通过有效、简单的方式提供给客户，将通过不懈努力成为客户在信息化领域值得信任、有价值的长期合作伙伴，公司提供的服务项目有：国际域名空间、虚拟空间、营销软件、网站建设、
东兴网站维护、网站推广。
本文实例为大家分享了jQuery实现弹出层的具体代码，供大家参考，具体内容如下
###jQuery实现 弹出层效果
点击弹出层：弹出弹出层
点击阴影：关闭弹出层
点击“关闭”关闭弹出层
整体代码如下：
jQuery弹出层效果
//弹出隐藏层
function ShowDiv(show_div, bg_div) {
document.getElementById(show_div).style.display = 'block';
document.getElementById(bg_div).style.display = 'block';
var bgdiv = document.getElementById(bg_div);
bgdiv.style.width = document.body.scrollWidth;
// bgdiv.style.height = $(document).height();
$("#" + bg_div).height($(document).height());
};
//关闭弹出层
function CloseDiv(show_div, bg_div) {
document.getElementById(show_div).style.display = 'none';
document.getElementById(bg_div).style.display = 'none';
};
关闭
目前来说，我还是喜欢这个自己改造的弹出层。自己在项目中也用的是这个。
