假设我们有一个容器container如下:
复制代码 代码如下:
现在要在网页中弹出一个div层，使在关闭弹出的div层之前不可操作container。
那么，我们首先需要定义出这个遮罩的div层如下:
复制代码 代码如下:
接下来，就是用js来使遮罩层始终显示在屏幕上并不可操作遮罩层下面的内容，点击关闭按钮关闭遮罩层
启科网络PHP商城系统
下载
启科网络商城系统由启科网络技术开发团队完全自主开发，使用国内最流行高效的PHP程序语言，并用小巧的MySql作为数据库服务器，并且使用Smarty引擎来分离网站程序与前端设计代码，让建立的网站可以自由制作个性化的页面。 系统使用标签作为数据调用格式，网站前台开发人员只要简单学习系统标签功能和使用方法，将标签设置在制作的HTML模板中进行对网站数据、内容、信息等的调用，即可建设出美观、个性的网站。
复制代码 代码如下:
<script type="”text/javascript”"> <br>$(function(){ <br>//获取当前浏览器的内部宽和高 <br>varnWidth = window.innerWidth; <br>varnHeight = window.innerHeight; <br>//设置遮罩层的宽和高 <br>$("#shade").width(nWidth); <br>$("#shade").height(nHeight); <br>//设置关闭按钮居中显示 <br>$("#close").css("margin-top",nHeight/2-50+"px"); <br>//设置当浏览器大小改变时触发的事件 <br>$(window).resize(function(){ <br>//获取当前浏览器的内部宽和高 <br>varnWidth = window.innerWidth; <br>varnHeight = window.innerHeight; <br>//设置遮罩层的宽和高 <br>$("#shade").width(nWidth); <br>$("#shade").height(nHeight); <br>//设置关闭按钮居中显示 <br>$("#putPwd").css("margin-top",nHeight/2-50+"px"); <br>}); <br>//设置关闭按钮消除遮罩层 <br>$("#close").click(function(){ <br>$("#shade").removeAttr("id"); <br>$("#shade").html(""); <br>}); <br>//也可用纯js来写 <br>Document.getElementById(“shade”).style…….; <br>//后面多说无益，如果有兴趣又实在不会写，可以和本人联系。 <br>}) <br></script>
