Пример использования

$(document).ready(function(){
  
$("#but1").click(function(){
var x=$("#blue").offset();
alert("X: "+x.top+"\nY: "+x.left);
});
$("#but2").click(function(){
$("#blue").offset({top:150,left:100});
});
$("#but3").click(function(){
$("#blue").offset(function(index,oldvalue)
{
x=new Object();
x.top=oldvalue.top-40;
x.left=oldvalue.left+200
return x;
});
});

});

Определение и использование

Метод offset позволяет узнать текущее или установить новое местоположение выбранного элемента относительно границ текущего документа.

Синтаксис

//Узнаем координаты первого выбранного элемента относительно границ текущего документа
переменная=$(селектор).offset()
//Установим новые координаты смещения всем выбранным элементам
$(селектор).offset({top:смещение_сверху,left:смещение_слева})
//Установим новые координаты смещения всем выбранным элементам с помощью функции
$(селектор).offset(function(индекс,старое_значение));

переменная хранит координаты расположения элемента. Свойство top содержит координаты элемента относительно верхней границы документа, а свойство left координаты относительно левой границы документа.

смещение_сверху координаты местоположения выбранного элемента от верхней границы документа в пикселях.

смещение_слева координаты местоположения выбранного элемента от левой границы документа в пикселях.

индекс (необязательный параметр)функции. Параметр передающийся функции и обозначающий порядковый номер селектора.

старое_значение (необязательный параметр)функции. Параметр содержащий старые координаты местоположения выбранного элемента.