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方法获取匹配元素在当前视口的相对偏移。

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

posted @ 2011-02-17 13:11  失落小羊  阅读(3329)  评论(2编辑  收藏  举报