jquery獲得頁(yè)面元素的坐標(biāo)值實(shí)現(xiàn)思路及代碼
更新時(shí)間:2013年04月15日 14:54:01 作者:
獲得頁(yè)面元素的坐標(biāo)值也是一項(xiàng)比較實(shí)用的功能,接下來(lái)為大家詳細(xì)介紹下如何實(shí)現(xiàn),yulutxt是輸入經(jīng)典語(yǔ)錄的輸入框feedBackMessage函數(shù)為執(zhí)行
jquery如何獲得頁(yè)面元素的坐標(biāo)值 yulutxt是輸入經(jīng)典語(yǔ)錄的輸入框,feedBackMessage函數(shù)見(jiàn)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,獲取對(duì)象(自定義調(diào)整打開(kāi)新窗口參照元素)
var obj = $("#oButton");
實(shí)例中我獲取的對(duì)象是彈出窗口按鈕,這樣創(chuàng)建的新窗口就會(huì)根椐按鈕的位置進(jìn)行調(diào)整,實(shí)例中將創(chuàng)建的新窗口顯示的按鈕的右下角。
2,獲取對(duì)象元素的位置(offset()方法)
var offset = obj.offset();
獲取對(duì)象元素的位置,分別是元素的top和left,調(diào)用方法是:offset.left和offset.top,可知當(dāng)前對(duì)象的左部和頂部位置。
3,獲取對(duì)象元素的寬度(width()方法)
var right = offset.left+obj.width();
實(shí)例中是獲取對(duì)象的右下角位置,創(chuàng)建新窗口的左部位置。
4,獲取對(duì)象元素的高度(height()方法)
var down = offset.top+obj.height();
實(shí)例中是獲取對(duì)象的右下角位置,創(chuàng)建新窗口的頂部位置
復(fù)制代碼 代碼如下:
var p = $("#yulutxt");
var yuluoffset = p.offset();
feedBackMessage(msg,yuluoffset.left+p.width()+10,yuluoffset.top,5000);
-------------------
1,獲取對(duì)象(自定義調(diào)整打開(kāi)新窗口參照元素)
var obj = $("#oButton");
實(shí)例中我獲取的對(duì)象是彈出窗口按鈕,這樣創(chuàng)建的新窗口就會(huì)根椐按鈕的位置進(jìn)行調(diào)整,實(shí)例中將創(chuàng)建的新窗口顯示的按鈕的右下角。
2,獲取對(duì)象元素的位置(offset()方法)
var offset = obj.offset();
獲取對(duì)象元素的位置,分別是元素的top和left,調(diào)用方法是:offset.left和offset.top,可知當(dāng)前對(duì)象的左部和頂部位置。
3,獲取對(duì)象元素的寬度(width()方法)
var right = offset.left+obj.width();
實(shí)例中是獲取對(duì)象的右下角位置,創(chuàng)建新窗口的左部位置。
4,獲取對(duì)象元素的高度(height()方法)
var down = offset.top+obj.height();
實(shí)例中是獲取對(duì)象的右下角位置,創(chuàng)建新窗口的頂部位置
您可能感興趣的文章:
- jQuery 判斷頁(yè)面元素是否存在的代碼
- JQuery顯示隱藏頁(yè)面元素的方法總結(jié)
- jQuery獲得頁(yè)面元素的絕對(duì)/相對(duì)位置即絕對(duì)X,Y坐標(biāo)
- JQuery 簡(jiǎn)便實(shí)現(xiàn)頁(yè)面元素?cái)?shù)據(jù)驗(yàn)證功能
- jQuery獲取頁(yè)面元素絕對(duì)與相對(duì)位置的方法
- jQuery頁(yè)面元素動(dòng)態(tài)添加后綁定事件丟失方法,非 live
- jQuery實(shí)現(xiàn)動(dòng)態(tài)控制頁(yè)面元素的方法分析
- jQuery使用之處理頁(yè)面元素用法實(shí)例
- jquery 查找iframe父級(jí)頁(yè)面元素的實(shí)現(xiàn)代碼
- jQuery實(shí)現(xiàn)鎖定頁(yè)面元素(表格列)
相關(guān)文章
輕松實(shí)現(xiàn)jquery選項(xiàng)卡切換效果
這篇文章主要幫助大家輕松實(shí)現(xiàn)jquery選項(xiàng)卡切換效果,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-10-10jQuery扁平化風(fēng)格下拉框美化插件FancySelect使用指南
這篇文章主要介紹了jQuery扁平化風(fēng)格下拉框美化插件FancySelect使用指南,需要的朋友可以參考下2015-02-02JQuery中$.ajax()方法參數(shù)詳解及應(yīng)用
JQuery中$.ajax()方法想必大家并不陌生吧,在本文將為大家介紹下其參數(shù)及應(yīng)用示例,感興趣的朋友不要錯(cuò)過(guò)2013-12-12基于JQuery的數(shù)字改變的動(dòng)畫(huà)效果--可用來(lái)做計(jì)數(shù)器
之前用javascript做個(gè)計(jì)數(shù)器,從網(wǎng)上搜了搜,找不到合適的,就想著用jquery自己做一個(gè)2010-08-08Jquery實(shí)現(xiàn)瀑布流布局(備有詳細(xì)注釋)
這篇文章主要介紹了Jquery實(shí)現(xiàn)瀑布流布局的方法,可實(shí)現(xiàn)圖片的動(dòng)態(tài)加載功能,且代碼備有詳細(xì)注釋便于理解,需要的朋友可以參考下2015-07-07jQuery.form.js插件不能解決連接超時(shí)(timeout)的原因分析及解決方法
jQuery.form.js是一個(gè)form插件,支持ajax表單提交和ajax文件上傳。最近在使用jquery.form.js提交包含文件的表單時(shí),當(dāng)碰上網(wǎng)速較慢時(shí),而我們又設(shè)置了timeout時(shí)我們的頁(yè)面會(huì)死在這里,怎么回事呢,下面腳本之家小編給大家解答下2016-10-10表頭固定(利用jquery實(shí)現(xiàn)原理介紹)
表頭固定應(yīng)該是一個(gè)用得比較多的功能,參考了網(wǎng)上幾個(gè)例子,在幾個(gè)常用瀏覽器下顯示不是很完美2012-11-11