jQuery-遮罩层+浮动框
因为css不熟,实现总是搞不定ie6,所以结合用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方法获取匹配元素在当前视口的相对偏移。
根据上传按钮的位置来确定浮动框的相对位置。