首頁  >  文章  >  web前端  >  jquery取得頁面元素的座標值實現想法及程式碼_jquery

jquery取得頁面元素的座標值實現想法及程式碼_jquery

WBOY
WBOY原創
2016-05-16 17:37:01907瀏覽

jquery如何取得頁面元素的座標值yulutxt是輸入經典語錄的輸入框,feedBackMessage函數見http://www.wesoho.com/article/asp/2765.htm

複製程式碼 程式碼如下:

var p = $("#yulutxt");
var yuluoffset = p.offset()
feedBackMessage(msg,yuluoffset.left p.width() 10,yuluoffset.top,5000);

-------------------
1,取得物件(自訂調整開啟新視窗參考元素)
var obj = $("#oButton");
實例中我取得的物件是彈出視窗按鈕,這樣建立的新視窗就會根椐按鈕的位置進行調整,實例中將建立的新視窗顯示的按鈕的右下角。

2,取得物件元素的位置(offset()方法)
var offset = obj.offset();
取得物件元素的位置,分別是元素的top和left,呼叫方法是:offset.left和offset.top,可知目前物件的左部和頂端位置。

3,取得物件元素的寬度(width()方法)
var right = offset.left obj.width();
實例中是取得物件的右下角位置,建立新視窗的左部位置。

4,取得物件元素的高度(height()方法)
var down = offset.top obj.height();
實例中是取得物件的右下角位置,建立新視窗的頂部位置
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn