通用遮罩层jQuery 扩展。

可以遮罩页面上任意一个元素。

(function($){



var _mask=function(settings){

var defaults={maskid:"mask",html:""};

$.extend(defaults,settings);

var height= this[0]===window?document.body.clientHeight:this.height();

var width=  this[0]===window?document.body.clientWidth:this.width();

var top =this[0]===window?0:this.position().top;

var left=this[0]===window?0:this.position().left;

$.cache["mask"]=$.cache["mask"]||$("<div id='"+defaults.maskid+"'></div>").appendTo("body");

$.cache["mask"].css("height",height+"px").css("width",width+"px").css("z-index",999).css("background-color","#333").css("opacity",0.3).css("position","absolute").css("top",top).css("left",left).html(defaults.html).show();



return this;

}



$.fn.mask=_mask;

$.extend({hidemask:function(callback){$.cache["mask"].hide(callback)}});

})(jQuery)

$("#side-recent-comments li").mask({maskid:"mask2",html:"test"});

$.hidemask(function(){alert('done')});