offset
英[ˈɒfset] 美[ˈɔ:fset]
vt.抵消;補償;（為了比較的目的而）把…並列（或並置）;為（管道等）裝支管
vi.形成分支，長出分枝;裝支管
n.開端;出發;平版印刷;抵消，補償
adj.分支的;偏（離中）心的;抵消的;開端的
jquery offset()方法 語法
作用：offset() 方法傳回或設定匹配元素相對於文件的偏移（位置）。
傳回偏移座標：傳回第一個符合元素的偏移座標。此方法傳回的物件包含兩個整數屬性：top 和 left，以像素為單位。此方法只對可見元素有效。
語法：$(selector).offset()
#設定偏移座標：設定所有符合元素的偏移座標。
語法：$(selector).offset(value)
#參數：
##參數 | 說明 |
value | 必要。規定以像素計的 top 和 left 座標。可能的值：值對，例如{top:100,left:0}帶有top 和left 屬性的物件 |
##使用函數設定偏移座標：
使用函數來設定所有匹配元素的偏移座標。
語法：
$(selector).offset(function(index,oldoffset))
參數：
參數| 描述 | |
function(index,oldoffset)| 規定傳回被選元素新偏移座標的函數。 | |
index | 可選。接受選擇器的 index 位置 | |
oldvalue | #可選。接受選擇器的目前座標。 | |
jquery offset()方法 範例
<html>
<head>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
x=$("p").offset();
$("#span1").text(x.left);
$("#span2").text(x.top);
});
});
</script>
</head>
<body>
<p>本段落的偏移是 <span id="span1">unknown</span> left 和 <span id="span2">unknown</span> top。</p>
<button>获得 offset</button>
</body>
</html>#點擊 "執行實例" 按鈕查看線上實例
