复制代码 代码如下:
/*
模态遮罩层单例对象
opacity:背景透明度
1. show()
2. close()
*/
q.overlay = function(opacity) {
var self = this;
self._creatediv = function() {
if (self._overlay) return;
self._overlay = $(
);
var overlaycss = {
'width': '100%',
'min-height': '100%',
'position': 'fixed',
'top': 0,
'left': 0,
'z-index': q.overlay.zindex,
'background': '#ccc',
'text-align': 'center',
'opacity': opacity
};
if ($.browser.msie && $.browser.version.substr(0, 1) 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 = undefined;
};
}
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(请求出错，请刷新页面并稍候再试！) });
}