最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

jquery 元素相對(duì)定位代碼

 更新時(shí)間:2010年10月15日 18:23:40   作者:  
align:左右對(duì)齊;vlign:垂直對(duì)齊;xleft:水平補(bǔ)給值;xleft:垂直補(bǔ)給值;adjust:是否相對(duì)窗口自動(dòng)調(diào)整;rwindow:定位相對(duì)于窗口(align&vlign為center時(shí)垂直或水平居中)
復(fù)制代碼 代碼如下:

/**
*jQuery rposition
*fix:要定位的元素
*rel:相對(duì)定位的元素
*options:{},align:左右對(duì)齊;vlign:垂直對(duì)齊;xleft:水平補(bǔ)給值;xleft:垂直補(bǔ)給值;adjust:是否相對(duì)窗口自動(dòng)調(diào)整;rwindow:定位相對(duì)于窗口(align&vlign為center時(shí)垂直或水平居中);
*/
(function(win,$){
win.rposition=function(fix,rel,options){
var rectLeft,rectTop,rectH=fix.outerHeight(),rectW=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
},
options = $.extend(defaults, options);
var rectRel={
l:$(rel).offset().left,
t:$(rel).offset().top,
w:$(rel).outerWidth(),
h:$(rel).outerHeight()
};
switch(options.align){
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(options.vlign){
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(options.rwindow){
if(options.align=="center")rectLeft=(ww-rectW)/2+sL;
if(options.vlign=="center")rectTop=(wh-rectH)/2+sT;
};
if(options.adjust){
if(rectLeft+rectW>ww+sL){rectLeft-=(rectLeft+rectW)-(ww+sL)}
if(rectTop+rectH>wh+sT){rectTop=rectRel.t-rectH;}
};
$(fix).css({"left":rectLeft+options.xleft,"top":rectTop+options.xtop});
}
})(window,jQuery)

相關(guān)文章

  • jQuery選擇器源碼解讀(四):tokenize方法的Expr.preFilter

    jQuery選擇器源碼解讀(四):tokenize方法的Expr.preFilter

    這篇文章主要介紹了jQuery選擇器源碼解讀(四):tokenize方法的Expr.preFilter,本文用詳細(xì)的注釋解讀了tokenize方法的Expr.preFilter的實(shí)現(xiàn)源碼,需要的朋友可以參考下
    2015-03-03
  • jquery實(shí)現(xiàn)圖片自動(dòng)輪播效果

    jquery實(shí)現(xiàn)圖片自動(dòng)輪播效果

    這篇文章主要為大家詳細(xì)介紹了jquery實(shí)現(xiàn)圖片自動(dòng)輪播效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2022-02-02
  • Jquery 獲取checkbox的checked問(wèn)題

    Jquery 獲取checkbox的checked問(wèn)題

    這個(gè)郁悶了,今天寫這個(gè)功能的時(shí)候發(fā)現(xiàn)了問(wèn)題,上網(wǎng)找了好多資料對(duì)照,更加糾結(jié)
    2011-11-11
  • jquery默認(rèn)校驗(yàn)規(guī)則整理

    jquery默認(rèn)校驗(yàn)規(guī)則整理

    這篇文章主要介紹了jquery默認(rèn)校驗(yàn)規(guī)則有哪些,需要的朋友可以參考下
    2014-03-03
  • jquery拖動(dòng)插件(jquery.drag)使用介紹

    jquery拖動(dòng)插件(jquery.drag)使用介紹

    可以使用鼠標(biāo)任意拖動(dòng)列表項(xiàng)改變默認(rèn)的位置,具體的實(shí)現(xiàn)如下(附演示),感興趣的朋友可以學(xué)習(xí)下
    2013-06-06
  • jQuery限制圖片大小的方法

    jQuery限制圖片大小的方法

    這篇文章主要介紹了jQuery限制圖片大小的方法,對(duì)比分析了常見(jiàn)的jQuery限制圖片操作方法及改進(jìn)方法,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
    2016-05-05
  • jquery操作select方法匯總

    jquery操作select方法匯總

    這篇文章主要介紹了jquery操作select方法,實(shí)例匯總了jQuery操作select的讀取、設(shè)置、添加及刪除等技巧,需要的朋友可以參考下
    2015-02-02
  • 整理的40個(gè)有用的jQuery技術(shù)和教程

    整理的40個(gè)有用的jQuery技術(shù)和教程

    jQuery確實(shí)是一項(xiàng)偉大的技術(shù),通過(guò)jQuery的插件,我們可以方便的創(chuàng)建具有更好用戶界面的網(wǎng)站。在本文中,將和大家分享40個(gè)對(duì)你創(chuàng)建更好用戶界面的jQuery技術(shù)和教程。
    2011-01-01
  • jQuery多級(jí)彈出菜單插件ZoneMenu

    jQuery多級(jí)彈出菜單插件ZoneMenu

    這篇文章主要介紹了jQuery多級(jí)彈出菜單插件ZoneMenu的使用方法,有需要的小伙伴可以參考下
    2014-12-12
  • jquery實(shí)現(xiàn)自適應(yīng)banner焦點(diǎn)圖

    jquery實(shí)現(xiàn)自適應(yīng)banner焦點(diǎn)圖

    本文主要分享了jquery實(shí)現(xiàn)自適應(yīng)banner焦點(diǎn)圖的示例代碼,具有很好的參考價(jià)值,下面跟著小編一起來(lái)看下吧
    2017-02-02

最新評(píng)論

安乡县| 乌鲁木齐市| 景洪市| 盱眙县| 顺昌县| 阿拉善右旗| 泰州市| 平遥县| 陇川县| 沙洋县| 义乌市| 台南市| 黔江区| 马鞍山市| 平遥县| 博乐市| 新邵县| 土默特右旗| 土默特左旗| 乐都县| 淄博市| 报价| 蓝山县| 阳城县| 会同县| 青铜峡市| 黔江区| 阿拉善右旗| 咸阳市| 黑龙江省| 措勤县| 黎川县| 峨眉山市| 永安市| 外汇| 巢湖市| 嘉黎县| 鄂伦春自治旗| 沙坪坝区| 新疆| 民勤县|