首頁  >  文章  >  web前端  >  jQuery中offset()方法用法實例_jquery

jQuery中offset()方法用法實例_jquery

WBOY
WBOY原創
2016-05-16 16:20:001146瀏覽

本文實例講述了jQuery中offset()方法用法。分享給大家供大家參考。具體分析如下:

此方法傳回或設定所匹配元素相對於document物件的偏移量。

語法結構一:

複製程式碼 程式碼如下:
$(selector).offset()

$(selector).offset()

取得匹配元素在目前document的相對偏移。 傳回的物件包含兩個整數屬:top和left。 此方法只對可見元素有效。

實例碼:
複製程式碼


程式碼如下:







offset()函數-腳本之家






 

以上程式碼可以彈出子div相對於document的偏移量。

語法結構二:
複製程式碼
程式碼如下:$(selector).offset(value)

設定匹配元素相對於document物件的座標。
offset()方法可以讓我們重新設定元素的位置。這個元素的位置是相對於document物件的。
如果物件原先的position樣式屬性是static的話,會被改成relative來實現重定位。

參數列表:

参数 描述
value 规定以像素计的 top 和 left 坐标。
可能的值:
1.值对,比如 {top:200,left:10}。
2.带有top和left 属性的对象。

實例碼:

複製程式碼程式碼如下:






offset()函數-腳本之家



身體>

以上程式碼可以設定div相對於document的偏移量。

語法結構三:

使用函數的回傳值來設定偏移座標:

複製程式碼如下程式碼:
$(selector).offset(function(index,oldoffset))
$(selector).offset(function(index,oldoffset))


參數列表:

参数 描述
function(index,oldvalue) 规定返回被选元素新偏移坐标的函数:
index - 可选。元素的索引。
oldvalue - 可选。当前坐标。

實例碼:

複製程式碼程式碼如下:






offset()函數-腳本之家



身體>

以上程式碼同樣可以設定元素的偏移,只不過值是透過函數傳回。

希望本文對大家介紹的 jQuery 程式設計有所幫助。

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn