转自：https://blog.csdn.net/baidu_30809315/article/details/83900255 gif动态图下载地址：http://blog.sina.com.cn/s/blog_4ad042e50102ek2v.html 方式一： 1、在html的body ...

1.1 背景半透明遮罩层样式 　　需要一个黑色（当然也可以其他）背景，且须设置为绝对定位，以下是项目中用到的css样式： 1.2 jQuery实现遮罩 1.3 提示框 　　遮罩的目的无非让人无法操作内容，突出提示框，而提示框可参考上面的制作，z-index比遮罩 ...

1、假设#main为页面body中的最外层Div标签 2、背景被遮罩后，显示的弹出窗（默认是不显示的，所包含的CSS这里就不贴了）： 3、在script.js中定义遮罩函数以及弹出窗操作函数，当然script.js，jquery.js需要包含在html页面中 ...

html文件内容如下 css文件内容如下 js内容如下 效果如下 ...

1.1 背景半透明遮罩层样式 　　需要一个黑色（当然也可以其他）背景，且须设置为绝对定位，以下是项目中用到的css样式： 1.2 jQuery实现遮罩 1.3 提示框 　　遮罩的目的无非让人无法操作内容 ...

jquery写的，使用前需要引用类库。 先写一个不显示的div，当触发事件时，为这个div添加样式，高度=当前窗口高度，宽度=当前窗口宽度。 ...

...

...