国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

jquery下實(shí)現(xiàn)overlay遮罩層代碼

2019-11-21 00:16:49
字體:
供稿:網(wǎng)友
復(fù)制代碼 代碼如下:

/*
模態(tài)遮罩層單例對象
opacity:背景透明度
1. show()
2. close()
*/
Q.Overlay = function(opacity) {
var self = this;
self._createDiv = function() {

if (self._overlay) return;
self._overlay = $("<div></div>");

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) < 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 = undefined;
};
}
Q.Overlay.zindex = 1000;

下面是個應(yīng)用的小例子用來統(tǒng)一處理ajax請求中利用完全透明遮罩層組織用戶和界面元素交換,當(dāng)ajax出錯時提示用戶
代碼
復(fù)制代碼 代碼如下:

/*統(tǒng)一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("請求出錯,請刷新頁面并稍候再試!") });
}
發(fā)表評論 共有條評論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 桓台县| 南丰县| 阿瓦提县| 阿鲁科尔沁旗| 察雅县| 安吉县| 贵南县| 任丘市| 九江县| 信阳市| 临颍县| 龙井市| 晋中市| 中卫市| 张家界市| 昔阳县| 祁东县| 新绛县| 靖边县| 乐昌市| 兴海县| 来宾市| 沁源县| 博爱县| 开江县| 北川| 乌兰察布市| 浮梁县| 滕州市| 奉贤区| 旌德县| 清流县| 沙湾县| 丹棱县| 天水市| 施秉县| 古交市| 平舆县| 靖远县| 石景山区| 文登市|