在 Ajax 应用中，显示一个 Dialog（以 Div 方式显示）前，都会先建一个 Mask。因为经常会用到，所以写成了一个 jQuery 插件，方便自己的使用。
基于jQuery的AJAX和JSON的实例 中文WORD版本文档主要讲述的是基于jQuery的AJAX和JSON的实例；过jQuery内置的AJAX功能，直接访问后台获得JSON格式的数据，然后通过jQuer把数据绑定到事先设计好的html模板上，直接在页面上显示。有需要的朋友可以下载看看下载复制代码代码如下:(function($){$.extend({documentMask: function(options){// 扩展参数var op = $.extend({opacity: 0.8,z: 10000,bgcolor: '#000'}, options);// 创建一个 Mask 层，追加到 document.body$('').appendTo(document.body).css({position: 'absolute',top: '0px',left: '0px','z-index': op.z,width: $(document).width(),height: $(document).height(),'background-color': op.bgcolor,opacity: 0}).fadeIn('slow', function(){// 淡入淡出效果$(this).fadeTo('slow', op.opacity);}).click(function(){// 单击事件，Mask 被销毁$(this).fadeTo('slow', 0, function(){$(this).remove();});});return this;}});})(jQuery);使用方法复制代码代码如下:$.documentMask();$.documentMask({'opacity': 0.6,'bgcolor': '#E79673','z': 1000000});参数中，z 表示 z-index。
兼容性支持 IE 6.0+, FF2+, Safari 3.1+, Opera 9.0+