jquery遮罩层的使用 遮罩层css

jquery制作居中遮罩层效果分享

当触发一个事件，弹出一个iframe，让这个iframe遮住后面的页面，这样后方的页面功能就会全部失效，也就可以达到一个遮罩的效果，再通过一个事件取消ifram，恢复后方页面的功能。

jQuery的这种插件一大堆，给你推荐一个我曾经用过的遮罩层插件(Simple Overlay)，体积很小的插件，应该适合你用。如果不会用可以再问我。

遮罩层其实很简单，你完全可以自己写个。div有个属性index 当你不用时你可以让index=-1 或者 将div的width和height调到0 当你需要遮罩时，通过脚本或者css将width和height调到你需要的值或者地方。

相关问答

Q1: 求jqueryeasyui中使用的遮罩层高亮层代码越简单越好要测试成功的

1、easyui 的 dialog 是继承自 window的，而 window中有modal这样的属性（见参考资料），就是用于打开模态的窗口的，也就是你说的有遮罩层的窗口。所以不需要额外的代码，仅需在dialog中设置这样的属性就可以了。

2、如果你使用Iframe，就只能是将遮罩层的代码卸载index这样一种方法了；或者不使用iframe，Ajax请求道index的某个容器，但是这样几乎所有的页面都要通过ajax来完成。

3、EasyUI 是基于Jquery封装的一套可见即可得的图像界面框架，主要用于网页前台开发，和JavaScript，JSP，CSS等网络开发语言一起使用。是一套非常好用的可见即可得的代码机制，其对于JavaScript封装的非常好。

4、只需要下载jQuery easyui官方包下来，查看demo和API照着做就行了，我一开始也是现拷贝他demo的代码来做一些小应用，不知道的属性和方法查一下API，小应用写完之后就应用熟悉了。一句话，主要还是jQuery语法。

Q2: jquery里,点击按钮弹出遮罩层,怎么使这个遮罩层宽度和高度随着浏览器拉...

当触发一个事件，弹出一个iframe，让这个iframe遮住后面的页面，这样后方的页面功能就会全部失效，也就可以达到一个遮罩的效果，再通过一个事件取消ifram，恢复后方页面的功能。

第一种方式：你使用的现有库中有没有开启和关闭遮罩的api，如果有的话，直接照着api使用即可；第二种方式：自己写个遮罩。

遮罩层： ，即作为背景层，覆盖整个页面。弹出层：，即背景层上的一层，此层可根据#form{top： 10%； left： 10%；width： 20%；height： 30%；}，调整弹出层的弹出位置。

遮罩层其实很简单，你完全可以自己写个。div有个属性index 当你不用时你可以让index=-1 或者 将div的width和height调到0 当你需要遮罩时，通过脚本或者css将width和height调到你需要的值或者地方。

jquery遮罩层的使用的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于遮罩层css、jquery遮罩层的使用的信息别忘了在本站进行查找喔。