jquery_jquery 아래에 오버레이 마스크 레이어 코드 구현

复aze代码 代码如下:

/*
模态遮罩层单例对象
불투명도:背景透명도
1. 쇼()
2. close()
*/
Q.Overlay = function(opacity) {
var self = this;
self._createDiv = function() {

if (self._overlay) return;
self._overlay = $("

");

var overlayCss = {
'너비': '100%',
'최소 높이': '100%',
'위치': '고정',
'상단': 0,
'왼쪽': 0,
'z-index': Q.Overlay.zindex,
'배경': '#ccc',
'text-align' : '가운데',
'불투명도': 불투명도
};

if ($.browser.msie && $.browser.version.substr(0, 1) < 7) {
overlayCss.position = "absolute";
overlayCss.height = Q.dom.pageHeight();
}
self._overlay.css(overlayCss);
$(document.body).append(self._overlay);
};
self.show = function() {
self._createDiv();
Q.Overlay.zindex;
self._overlay.show();
};
self.close = function() {
self._overlay.hide();
self._overlay.remove();
self._overlay = 정의되지 않음;
};
}
Q.Overlay.zindex = 1000;

하단 인터페이스를 사용하는 소형 앱인 ajax请求中利用完全透明遮罩层组织用户和界面元素交换, 当ajax를 사용하는 앱户
代码

复代码 代码如下:

/*统一ajax错误处理*/
Q.initAjaxErrorHandler = function( ) {
var overlay = new Q.Overlay(0.0);
$(document.body).ajaxStart(function() { overlay.show(); });
$(document.body).ajaxSuccess(function() { overlay.close(); });
$(document.body).ajaxError(function() { Q.alert("请求ude错，请刷新页face并稍候再试！") });
}