jquery獲得頁面元素的坐標值實現(xiàn)思路及代碼
更新時間:2013年04月15日 14:54:01 作者:
獲得頁面元素的坐標值也是一項比較實用的功能,接下來為大家詳細介紹下如何實現(xiàn),yulutxt是輸入經(jīng)典語錄的輸入框feedBackMessage函數(shù)為執(zhí)行
jquery如何獲得頁面元素的坐標值 yulutxt是輸入經(jīng)典語錄的輸入框,feedBackMessage函數(shù)見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,獲取對象(自定義調(diào)整打開新窗口參照元素)
var obj = $("#oButton");
實例中我獲取的對象是彈出窗口按鈕,這樣創(chuàng)建的新窗口就會根椐按鈕的位置進行調(diào)整,實例中將創(chuàng)建的新窗口顯示的按鈕的右下角。
2,獲取對象元素的位置(offset()方法)
var offset = obj.offset();
獲取對象元素的位置,分別是元素的top和left,調(diào)用方法是:offset.left和offset.top,可知當前對象的左部和頂部位置。
3,獲取對象元素的寬度(width()方法)
var right = offset.left+obj.width();
實例中是獲取對象的右下角位置,創(chuàng)建新窗口的左部位置。
4,獲取對象元素的高度(height()方法)
var down = offset.top+obj.height();
實例中是獲取對象的右下角位置,創(chuàng)建新窗口的頂部位置
復制代碼 代碼如下:
var p = $("#yulutxt");
var yuluoffset = p.offset();
feedBackMessage(msg,yuluoffset.left+p.width()+10,yuluoffset.top,5000);
-------------------
1,獲取對象(自定義調(diào)整打開新窗口參照元素)
var obj = $("#oButton");
實例中我獲取的對象是彈出窗口按鈕,這樣創(chuàng)建的新窗口就會根椐按鈕的位置進行調(diào)整,實例中將創(chuàng)建的新窗口顯示的按鈕的右下角。
2,獲取對象元素的位置(offset()方法)
var offset = obj.offset();
獲取對象元素的位置,分別是元素的top和left,調(diào)用方法是:offset.left和offset.top,可知當前對象的左部和頂部位置。
3,獲取對象元素的寬度(width()方法)
var right = offset.left+obj.width();
實例中是獲取對象的右下角位置,創(chuàng)建新窗口的左部位置。
4,獲取對象元素的高度(height()方法)
var down = offset.top+obj.height();
實例中是獲取對象的右下角位置,創(chuàng)建新窗口的頂部位置
相關文章
jQuery扁平化風格下拉框美化插件FancySelect使用指南
這篇文章主要介紹了jQuery扁平化風格下拉框美化插件FancySelect使用指南,需要的朋友可以參考下2015-02-02基于JQuery的數(shù)字改變的動畫效果--可用來做計數(shù)器
之前用javascript做個計數(shù)器,從網(wǎng)上搜了搜,找不到合適的,就想著用jquery自己做一個2010-08-08jQuery.form.js插件不能解決連接超時(timeout)的原因分析及解決方法
jQuery.form.js是一個form插件,支持ajax表單提交和ajax文件上傳。最近在使用jquery.form.js提交包含文件的表單時,當碰上網(wǎng)速較慢時,而我們又設置了timeout時我們的頁面會死在這里,怎么回事呢,下面腳本之家小編給大家解答下2016-10-10