أحدث البرامج التعليمية وتطوير الشبكة
 

jQuery offset() Method

<مسج HTML / CSS طرق

مثال

العودة الإحداثيات إزاحة عنصر <ص>:

$("button").click(function(){
    var x = $("p").offset();
    alert("Top: " + x.top + " Left: " + x.left);
});
انها محاولة لنفسك »

تعريف واستخدام

و offset() تحدد طريقة أو إرجاع الإزاحة إحداثيات العناصر المحددة، نسبة إلى وثيقة.

عندما تستخدم للعودة الإزاحة:
هذا الأسلوب بإرجاع الإحداثيات إزاحة العنصر الأول يقابل. تقوم بإرجاع كائن مع 2 منشأة. المناصب العليا وغادرت في بكسل.

عندما تستخدم لتعيين الأوفست:
هذه الطريقة يحدد إحداثيات إزاحة العناصر ALL مطابقة.


بناء الجملة

العودة الإحداثيات الأوفست:

$(selector).offset()

تعيين الإحداثيات الأوفست:

$(selector).offset({top:value,left:value})

تعيين الإحداثيات تعويض باستخدام وظيفة:

$(selector).offset(function(index,currentoffset))

معامل وصف
{top:value,left:value} مطلوب عند الإعداد للتعويض. تحدد الإحداثيات العليا واليسرى في بكسل.

القيم الممكنة:
  • أزواج الاسم / القيمة، مثل {top:100,left:100}
  • كائن مع خصائص العليا واليسرى ( مثال )
function(index,currentoffset) اختياري. يحدد دالة تقوم بإرجاع كائن يحتوي على إحداثيات العليا واليسرى
  • index - إرجاع موقف فهرس العنصر في المجموعة
  • currentoffset - إرجاع الإحداثيات الحالية من العنصر المحدد

انها محاولة لنفسك - أمثلة

تعيين الإحداثيات تعويض
كيفية تعيين الإحداثيات إزاحة عنصر.

تعيين الإحداثيات تعويض باستخدام وظيفة
باستخدام وظيفة لتعيين الإحداثيات إزاحة عنصر.

تعيين الإحداثيات تعويض عن عنصر باستخدام كائن
كيفية تعيين الإحداثيات تعويض عن عنصر باستخدام كائن جديد.

تعيين الإحداثيات تعويض عن عنصر باستخدام إحداثيات إزاحة عنصر آخر
كيفية تعيين احداثيات تعويض عن عنصر باستخدام احداثيات إزاحة عنصر موجود.


<مسج HTML / CSS طرق