最新国产好看的视频,伊人天堂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問題

    Jquery 獲取checkbox的checked問題

    這個(gè)郁悶了,今天寫這個(gè)功能的時(shí)候發(fā)現(xià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ì)比分析了常見的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ù),通過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à)值,下面跟著小編一起來看下吧
    2017-02-02

最新評(píng)論

清流县| 西畴县| 鹰潭市| 公安县| 吉林省| 嘉义市| 湘乡市| 竹北市| 锦州市| 阿拉尔市| 广安市| 龙胜| 凤庆县| 镇江市| 石棉县| 贞丰县| 南溪县| 神木县| 安图县| 当涂县| 阳信县| 海丰县| 普定县| 临夏市| 阿瓦提县| 盐津县| 六盘水市| 游戏| 临湘市| 额济纳旗| 肃宁县| 嘉峪关市| 龙里县| 江源县| 越西县| 绥江县| 翁源县| 米脂县| 玉屏| 繁峙县| 霍邱县|