jquery 요소 상대 위치 지정 code_jquery

复제대码 代码如下:

/**
*jQuery rposition
*fix: 배치할 요소
*rel: 상대적 위치 지정 요소
*options: {}, align: 왼쪽 및 오른쪽 정렬 xleft: 수평 정렬; value ;xleft: 수직 공급 값; adjust: 창을 기준으로 자동 조정 여부 rwindow: 창을 기준으로 위치 지정(align&vlign이 중앙일 때 수직 또는 수평으로 중앙에 위치);*/
(함수(win ,$){
win.rposition=function(fix,rel,options){
var retLeft,ectTop, retH=fix.outerHeight(),lectW=fix.outerWidth(),wh=$(window) .height(),ww=$(window).width(),
sT=$(document).scrollTop(),sL=$(document).scrollLeft(),
defaults={
align:"left",
vlign:"top",
xleft:0,
xtop:0,
adjust:true,
rwindow:false
},
옵션 = $.extend(기본값, 옵션);
var ectRel={
l:$(rel).offset().left,
t:$(rel).offset().top,
w:$(rel).outerWidth(),
h:$(rel).outerHeight()
}
switch(options.align){
case "left":
RectLeft=retRel.l;break;
대소 문자 "오른쪽":
직접 왼쪽=retRel.l ectRel.w;break
대소 문자 "중심":
직대 왼쪽=직접 Rel.l retRel .w/2;break;
case "rleft":
retLeft=retRel.l-retW;break;
기본값:
retLeft=retRel.l;
스위치(options.vlign){
case "top":
retTop=ectRel.t;break;
case "center":
retTop=retRel.t retRel.h/2;break;
케이스 "vbottom":
ectTop=directRel.t-retH; 부서지다;
대소문자 "하단":
기본값:
ectTop=retRel.t retRel.h;
};
if(options.rwindow){
if(options.align=="center")ectLeft=(ww-ectW)/2 sL;
if(options.vlign=="center")ectTop=(wh-ectH)/2 sT;
};
if(options.adjust){
if(ectLeft ectW>ww sL){retLeft-=(ectLeft ectW)-(ww sL)}
if(ectTop ectH>wh sT){ectTop=retRel .t-retH;}
};
$(fix).css({"left":lectLeft options.xleft,"top":directTop options.xtop});
}
})(window,jQuery)