jquery 元素相对定位代码_jquery_脚本之家

复制代码 代码如下: /** *jQuery
rposition *fix:要定位的元素 *rel:相对定位的元素
*options:{},align:左右对齐;vlign:垂直对齐;xleft:水平补给值;xleft:垂直补给值;adjust:是否相对窗口自动调整;rwindow:定位相对于窗口(align&vlign为center时垂直或水平居中);
*/ { win.rposition=function{ var
rectLeft,rectTop,rectH=fix.outerHeight(),rectW=fix.outerWidth.height.width.scrollTop.scrollLeft(),
defaults={ align:”left”, vlign:”top”, xleft:0, xtop:0, adjust:true,
rwindow:false }, options = $.extend; var rectRel={ l:$.left, t:$.top,
w:$, h:$ }; switch{ case “left”: rectLeft=rectRel.l;break; case “right”:
rectLeft=rectRel.l+rectRel.w;break; case “center”:
rectLeft=rectRel.l+rectRel.w/2;break; case “rleft”:
rectLeft=rectRel.l-rectW;break; default: rectLeft=rectRel.l; }; switch{
case “top”: rectTop=rectRel.t;break; case “center”:
rectTop=rectRel.t+rectRel.h/2;break; case “vbottom”:
rectTop=rectRel.t-rectH; break; case “bottom”: default:
rectTop=rectRel.t+rectRel.h; }; if{
if(options.align==”center”)rectLeft=/2+sL;
if(options.vlign==”center”)rectTop=/2+sT; }; if{ if{rectLeft-=-}
if{rectTop=rectRel.t-rectH;} };
$.css({“left”:rectLeft+options.xleft,”top”:rectTop+options.xtop}); } })

发表评论

电子邮件地址不会被公开。 必填项已用*标注