复制代码 代码如下: /* 模态遮罩层单例对象 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; 下面是个应用的小例子用来统一处理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("请求出错，请刷新页面并稍候再试！") }); }

　　推荐阅读

　　javascript高级的文件目录排序代码

刚写完，欢迎大家帮忙测试 完整的测试代码: 高级目录,文件名排序 #page{} 高级目录,文件名排序 主要实现了目录中的数字按大小排序 排序结果： [Ctrl+A 全选 注:如需引入外>>>详细阅读

本文标题：jquery下实现overlay遮罩层代码

地址：http://www.17bianji.com/kaifa2/JS/25800.html

 1/2    1