手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >jquery获得页面元素的坐标值实现思路及代码
jquery获得页面元素的坐标值实现思路及代码
摘要:jquery如何获得页面元素的坐标值yulutxt是输入经典语录的输入框,feedBackMessage函数见http://www.weso...

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();

实例中是获取对象的右下角位置,创建新窗口的顶部位置

【jquery获得页面元素的坐标值实现思路及代码】相关文章:

jQuery实现延迟跳转的方法

JQuery给网页更换皮肤的方法

JavaScript实现身份证验证代码

jQuery实现表格行上下移动和置顶效果

jquery实现的判断倒计时是否结束代码

jQuery获取页面元素绝对与相对位置的方法

网页里控制图片大小的相关代码

jQuery预加载图片常用方法

光标定位等TextRange的操作的范例代码

jquery实现点击label的同时触发文本框点击事件的方法

精品推荐
分类导航