jQuery获得页面元素的绝对/相对位置即绝对X,Y坐标
2014-03-06 00:00
751 查看
获取页面某一元素的绝对X,Y坐标,可以用offset()方法:
获取相对(父元素)位置:
<span style="color:#000066; font-weight:bold">var</span> X <span style="color:#339933">=</span> $<span style="color:#009900">(</span><span style="color:#3366CC">'#DivID'</span><span style="color:#009900">)</span>.<span style="color:#660066">offset</span><span style="color:#009900">(</span><span style="color:#009900">)</span>.<span style="color:#660066">top</span><span style="color:#339933">;</span> <span style="color:#000066; font-weight:bold">var</span> Y <span style="color:#339933">=</span> $<span style="color:#009900">(</span><span style="color:#3366CC">'#DivID'</span><span style="color:#009900">)</span>.<span style="color:#660066">offset</span><span style="color:#009900">(</span><span style="color:#009900">)</span>.<span style="color:#660066">left</span><span style="color:#339933">;</span>
获取相对(父元素)位置:
<span style="color:#000066; font-weight:bold">var</span> X <span style="color:#339933">=</span> $<span style="color:#009900">(</span><span style="color:#3366CC">'#DivID'</span><span style="color:#009900">)</span>.<span style="color:#660066">position</span><span style="color:#009900">(</span><span style="color:#009900">)</span>.<span style="color:#660066">top</span><span style="color:#339933">;</span> <span style="color:#000066; font-weight:bold">var</span> Y <span style="color:#339933">=</span> $<span style="color:#009900">(</span><span style="color:#3366CC">'#DivID'</span><span style="color:#009900">)</span>.<span style="color:#660066">position</span><span style="color:#009900">(</span><span style="color:#009900">)</span>.<span style="color:#660066">left</span><span style="color:#339933">;</span>
相关文章推荐
- jQuery获得页面元素的绝对/相对位置即绝对X,Y坐标
- jQuery获得页面元素的绝对/相对位置
- jQuery获得页面元素的绝对/相对位置
- jQuery获得页面元素的绝对/相对位置
- jQuery获得页面元素的绝对/相对位置 分类: JavaScript 2010-08-09 15:53 868人阅读 评论(0) 收藏
- jQuery获得页面元素的绝对/相对位置
- jQuery获得页面元素的绝对/相对位置 分类: JavaScript 2010-08-09 15:53 868人阅读 评论(0) 收藏
- jQuery获得页面元素的绝对/相对位置
- jQuery获得页面元素的绝对/相对位置
- jQuery获得页面元素的绝对/相对位置
- jQuery获得页面元素的绝对/相对位置
- jQuery获得页面元素的绝对/相对位置
- jQuery获得页面元素的绝对/相对位置
- JQuery 获得绝对,相对位置的坐标方法
- jQuery获得绝对、相对位置的坐标
- JQuery 获得绝对,相对位置的坐标方法--非常重要
- JQuery获得绝对,相对位置的坐标方法
- JQuery 获得绝对,相对位置的坐标方法
- JQuery 获得绝对,相对位置的坐标方法
- JQuery 获得绝对,相对位置的坐标方法