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

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

WBOY
發布: 2016-05-16 17:37:01
原創
918 人瀏覽過

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();
實例中是取得物件的右下角位置,建立新視窗的頂部位置
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板