jQuery获得绝对、相对位置的坐标
来源:互联网 发布:网站排名优化方法 编辑:程序博客网 时间:2024/04/27 22:40
获取页面某一元素的绝对X,Y坐标,可以用offset()方法:(body属性设置margin :0;padding:0;)
var X = $('#DivID').offset().top;
var Y = $('#DivID').offset().left;
获取相对(父元素)位置:
var X = $('#DivID').position().top;
var Y = $('#DivID').position().left;
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>java Test</title>
</head>
<style type="text/css">
<!--
body,div { margin:0; padding:0;}
-->
</style>
<script type="text/javascript" src="http://pcwanli.blog.163.com/blog/js/jquery.js"></script>
<body>
<div style="background:#ccc;height:300px;" onclick=""></div>
<div style="position:relative;">
<div style=" position:absolute;left:50px; top:50px;" id="DivID"></div>
</div>
<script type="text/javascript">
var X = $('#DivID').offset().top;
var Y = $('#DivID').offset().left;
document.write(X+"<br />");
document.write(Y+"<br />");
//获取相对(父元素)位置:
var C = $('#DivID').position().top;
var D = $('#DivID').position().left;
document.write(C+"<br />");
document.write(D);
</script>
</body>
var X = $('#DivID').offset().top;
var Y = $('#DivID').offset().left;
获取相对(父元素)位置:
var X = $('#DivID').position().top;
var Y = $('#DivID').position().left;
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>java Test</title>
</head>
<style type="text/css">
<!--
body,div { margin:0; padding:0;}
-->
</style>
<script type="text/javascript" src="http://pcwanli.blog.163.com/blog/js/jquery.js"></script>
<body>
<div style="background:#ccc;height:300px;" onclick=""></div>
<div style="position:relative;">
<div style=" position:absolute;left:50px; top:50px;" id="DivID"></div>
</div>
<script type="text/javascript">
var X = $('#DivID').offset().top;
var Y = $('#DivID').offset().left;
document.write(X+"<br />");
document.write(Y+"<br />");
//获取相对(父元素)位置:
var C = $('#DivID').position().top;
var D = $('#DivID').position().left;
document.write(C+"<br />");
document.write(D);
</script>
</body>
</html>
引用自:http://pcwanli.blog.163.com/blog/static/453156112011059314854/
- jQuery获得绝对、相对位置的坐标
- JQuery获得绝对 相对位置的坐标方法
- JQuery 获得绝对,相对位置的坐标方法--非常重要
- JQuery 获得绝对,相对位置的坐标方法
- jquery获取元素的绝对/相对位置(坐标)
- jQuery获得页面元素的绝对/相对位置
- jQuery获得页面元素的绝对/相对位置
- jQuery获得页面元素的绝对/相对位置
- jQuery获得页面元素的绝对/相对位置
- jQuery获得页面元素的绝对/相对位置
- jQuery获得页面元素的绝对/相对位置
- jQuery获得页面元素的绝对/相对位置
- 获得div的相对和绝对位置
- [JavaScript]获取鼠标点击区域的相对、绝对位置坐标
- js获得元素绝对或相对位置
- appium 的 move_to 相对坐标?绝对坐标?
- appium 的 move_to 相对坐标?绝对坐标?
- 获得对象的绝对坐标
- 《Linux运维趋势》2012年12月号发布
- 2013年值得关注的技术型企业有哪些?
- 中国首台万亿次计算机诞生 仅微波炉大小
- 【编程之美】求二进制数中1的个数
- 中国芯片将成为英特尔同级竞争对手
- jQuery获得绝对、相对位置的坐标
- 英特尔发布新安腾9500处理器 惠普跟进
- 用Wubi 安装Ubuntu 分配硬盘大小 小的解决方法
- 英特尔击败AMD输给高通
- 32nm龙芯3B流片成功 真身照片自曝
- 【考研网独家】2013临考生活复习及考试建议
- 正确去掉Win7快捷方式小箭头
- 搜罗Android开发eclipse错误汇总
- Google手机Android操作系统面试题