jquery获得页面元素的坐标值实现思路及代码


Posted in Javascript onApril 15, 2013

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();
实例中是获取对象的右下角位置,创建新窗口的顶部位置

Javascript 相关文章推荐
不错的JS中变量相关的细节分析
Aug 13 Javascript
JavaScript 对话框和状态栏使用说明
Oct 25 Javascript
js Date自定义函数 延迟脚本执行
Mar 10 Javascript
基于Jquery的文字滚动跑马灯插件(一个页面多个滚动区)
Jul 26 Javascript
JavaScript下通过的XMLHttpRequest发送请求的代码
Jun 28 Javascript
div浮层,滚动条移动,位置保持不变的4种方法汇总
Dec 11 Javascript
jQuery1.9.1针对checkbox的调整方法(prop)
May 01 Javascript
jquery实现点击页面计算点击次数
Jan 23 Javascript
vue的diff算法知识点总结
Mar 29 Javascript
使用JavaScript实现网页秒表功能(含开始、暂停、继续、重置功能)
Jun 05 Javascript
通过实例解析jQ Ajax操作相关原理
Sep 23 Javascript
JavaScript实现网页tab栏效果制作
Nov 20 Javascript
Extjs优化(二)Form表单提交通用实现
Apr 15 #Javascript
ANT 压缩(去掉空格/注释)JS文件可提高js运行速度
Apr 15 #Javascript
Extjs优化(一)删除冗余代码提高运行速度
Apr 15 #Javascript
Extjs Gird 支持中文拼音排序实现代码
Apr 15 #Javascript
jquery+css+ul模拟列表菜单具体实现思路
Apr 15 #Javascript
js作用域及作用域链概念理解及使用
Apr 15 #Javascript
利用百度地图JSAPI生成h7n9禽流感分布图实现代码
Apr 15 #Javascript
You might like
深入php处理整数函数的详解
2013/06/09 PHP
php/js获取客户端mac地址的实现代码
2013/07/08 PHP
静态页面下用javascript操作ACCESS数据库(读增改删)的代码
2007/05/14 Javascript
30个最好的jQuery 灯箱插件分享
2011/04/25 Javascript
JS 表单验证大全
2011/11/23 Javascript
js setTimeout 参数传递使用介绍
2013/08/13 Javascript
了解了这些才能开始发挥jQuery的威力
2013/10/10 Javascript
PHP中使用微秒计算脚本执行时间例子
2014/11/19 Javascript
详解JavaScript中Date.UTC()方法的使用
2015/06/12 Javascript
如何利用Promises编写更优雅的JavaScript代码
2016/05/17 Javascript
jQuery实现查找链接文字替换属性的方法
2016/06/27 Javascript
js判断是否是手机页面
2017/03/17 Javascript
总结4个方面优化Vue项目
2019/02/11 Javascript
tweenjs缓动算法的使用实例分析
2019/08/26 Javascript
微信小程序实现3D轮播图效果(非swiper组件)
2019/09/21 Javascript
微信小程序 scroll-view 实现锚点跳转功能
2019/12/12 Javascript
antd日期选择器禁止选择当天之前的时间操作
2020/10/29 Javascript
python使用电子邮件模块smtplib的方法
2016/08/28 Python
Python闭包执行时值的传递方式实例分析
2018/06/04 Python
pycharm配置pyqt5-tools开发环境的方法步骤
2019/02/11 Python
Django form表单与请求的生命周期步骤详解
2020/06/07 Python
详解matplotlib绘图样式(style)初探
2021/02/03 Python
深入浅出CSS3 background-clip,background-origin和border-image教程
2011/01/27 HTML / CSS
芬兰攀岩、山地运动和户外活动用品购物网站:Bergfreunde
2016/10/06 全球购物
美国标志性加大尺码时装品牌:Ashley Stewart
2016/12/15 全球购物
美国体育用品在线:Modell’s Sporting Goods
2018/06/07 全球购物
BannerBuzz加拿大:在线定制横幅印刷、广告和标志
2020/03/10 全球购物
《小草和大树》教学反思
2014/02/16 职场文书
三月法制宣传月活动总结
2014/07/03 职场文书
收款委托书范本
2014/09/11 职场文书
欢迎家长标语
2014/10/08 职场文书
党员干部反四风民主生活会对照检查材料思想汇报
2014/10/12 职场文书
2015年党建工作总结
2015/03/30 职场文书
2019学校运动会开幕词
2019/05/13 职场文书
Python还能这么玩之用Python做个小游戏的外挂
2021/06/04 Python
Sleuth+logback 设置traceid 及自定义信息方式
2021/07/26 Java/Android