jQuery-遮罩层+浮动框

1.遮罩层：

<div id="maskDiv" style="position:absolute;left:0;top:0;z-index:100;display:none;"/>

脚本：

onEvent(function(){

　　$("#maskDiv").css("width",$("body").width());

　　$("#maskDiv").css("height",$("body").heigth());

　　$("#maskDiv").show();

})

要点：获取body的大小。

2.浮动框：

<div id="floatDiv" style="position:absolute;display:none;"/>

onEvent(function(){

　　var offs=$("#btnUpload").offset();　　//btnUpload为上传按钮

　　$("#floatDiv").css("left",offs.left-$("floatDiv").width());

　　$("#floatDiv").css("top",offs.top);

　　$("#floatDiv").show();

});

要点：offset方法获取匹配元素在当前视口的相对偏移。

根据上传按钮的位置来确定浮动框的相对位置。