复制代码 代码如下:
史上最精简，最强大的js遮罩层效果，支持ie firefox jquery遮罩层
);
$(window).scroll(function(){resetbg()});
$(window).resize(function(){resetbg()});
}
function getobjwh(obj){
var st=document.documentelement.scrolltop;//滚动条距顶部的距离
var sl=document.documentelement.scrollleft;//滚动条距左边的距离
var ch=document.documentelement.clientheight;//屏幕的高度
var cw=document.documentelement.clientwidth;//屏幕的宽度
var objh=$(#+obj).height();//浮动对象的高度
var objw=$(#+obj).width();//浮动对象的宽度
var objt=number(st)+(number(ch)-number(objh))/2;
var objl=number(sl)+(number(cw)-number(objw))/2;
return objt+|+objl;
}
function resetbg(){
var fullbg=$(#fullbg).css(display);
if(fullbg==block){
var bh2=$(body).height();
var bw2=$(body).width()+16;
$(#fullbg).css({width:bw2,height:bh2});
var objv=getobjwh(dialog);
var tbt=objv.split(|)[0]+px;
var tbl=objv.split(|)[1]+px;
$(#dialog).css({top:tbt,left:tbl});
}
}
//关闭灰色js遮罩层和操作窗口
function closebg(){
$(#fullbg).css(display,none);
$(#dialog).css(display,none);
}
点击这里看js遮罩层效果
关闭