手机
当前位置:查字典教程网 >编程开发 >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获得页面元素的坐标值实现思路及代码】相关文章:

Js和JQuery获取鼠标指针坐标的实现代码分享

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

Jquery动态添加输入框的方法

鼠标图片振动代码

EasyUI闪屏EasyUI页面加载提示(原理+代码+效果图)

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

javascript自定义右键弹出菜单实现方法

jQuery结合ajax实现动态加载文本内容

JavaScript的9种继承实现方式归纳

jQuery实现页面内锚点平滑跳转特效的方法总结

精品推荐
分类导航