本文实例分析了jQuery遮罩层实现方法。分享给大家供大家参考,具体如下:
1 背景半透明遮罩层样式
需要一个黑色(当然也可以其他)背景,且须设置为绝对定位,以下是项目中用到的css样式:
2 jQuery实现遮罩
3 提示框
遮罩的目的无非让人无法操作内容,突出提示框,而提示框可参考上面的制作,z-index比遮罩层更高便可。主要问题是,如何控制提示框在浏览器居中。
补充:
jQuery简单遮罩层插件:
jQuery代码:
操作正在进行中,请耐心等待......
')
_this_ = $("#ui-mask");
_this_.height($(document).height())
_this_.show();
};
$.fn.HideMask = function (options) {
_this_ = $("#ui-mask");
_this_.remove();
};
})(jQuery);