js动态取页面元素位置的方法
2008-01-30 10:36
411 查看
<!--js动态取页面元素位置的方法-->
function getXY(Obj) {var sumTop = 0, sumLeft = 0;while(Obj != document.body){sumLeft += Obj.offsetLeft;sumTop += Obj.offsetTop;Obj = Obj.offsetParent;} return {x:sumLeft, y:sumTop};}
<!-- js调用示例-->
Objxy = getXY(document.getElementById("myImg"));
document.getElementById("Div1").style.left = Objxy.x + 9;
document.getElementById("Div1").style.top = Objxy.y + 42;
function getXY(Obj) {var sumTop = 0, sumLeft = 0;while(Obj != document.body){sumLeft += Obj.offsetLeft;sumTop += Obj.offsetTop;Obj = Obj.offsetParent;} return {x:sumLeft, y:sumTop};}
<!-- js调用示例-->
Objxy = getXY(document.getElementById("myImg"));
document.getElementById("Div1").style.left = Objxy.x + 9;
document.getElementById("Div1").style.top = Objxy.y + 42;
相关文章推荐
- 使用js写点击一个事件使页面返回顶部以及控制一个元素在右下角的固定位置的方法
- js动态创建/删除 (页面)元素节点、设置其属性方法
- JS_页面大小及元素的位置
- js使用removeChild方法动态删除div元素
- jQuery页面元素动态添加后绑定事件丢失方法,非 live
- js动态添加元素之后jquery mobile不能正确渲染解决方法 和 JM checked全选反选
- JS共通Check页面元素方法
- 获取页面中被选中元素的 JS原生方法 与 jQuery方法 分析
- js隐藏/显示页面元素的两种方法
- js与jquery获得页面大小、滚动条位置、元素位置
- 获取页面中被选中元素的 JS原生方法 与 jQuery方法 分析
- Easyui中使用jquery或js动态添加元素时出现的样式失效的解决方法
- js自动生成的元素与页面原有元素发生堆叠的解决方法
- IE撤销机制Ctrl-Z功能会在由于Js动态改变页面元素失效
- 动态获取html页面的内容,而且取当中的某块元素的方法
- easyui中使用jquery或js动态添加元素时出现的样式失效的解决方法
- js自动生成的元素与页面原有元素发生堆叠的解决方法
- 谷歌调试动态加载页面中的js的方法
- Js获取元素位置及动态生成元素的练习备忘
- 动态获取html页面的内容,并且取其中的某块元素的方法