JS实现设置ff与ie元素绝对位置的方法


Posted in Javascript onMarch 08, 2016

本文实例讲述了JS实现设置ff与ie元素绝对位置的方法。分享给大家供大家参考,具体如下:

function Show_menu(liid,divid)
{
  var li=document.getElementById(liid);
  var div=document.getElementById(divid);
  div.style.left=getLeft(li)+140+'px';
  div.style.top= getTop(li)+'px';
  var tt=div.style.top;
  div.style.display='block';
  alert(tt);
}
function getTop(e){ //用递归方法取值
  var offset=e.offsetTop;
  if(e.offsetParent!=null) offset+=getTop(e.offsetParent);
  return offset;
}
function getLeft(e){
  var offset=e.offsetLeft;
  if(e.offsetParent!=null) offset+=getLeft(e.offsetParent);
  return offset;
}

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
jQuery 1.0.4 - New Wave Javascript(js源文件)
Jan 15 Javascript
Firefox和IE浏览器兼容JS脚本写法小结
Jul 07 Javascript
textarea中的手动换行处理的jquery代码
Feb 26 Javascript
JS获取鼠标坐标的实例方法
Jul 18 Javascript
javascript函数定义的几种区别小结
Jan 06 Javascript
谈谈jQuery Ajax用法详解
Nov 27 Javascript
Eclipse引入jquery报错如何解决
Dec 01 Javascript
js实现页面跳转的五种方法推荐
Mar 10 Javascript
Javascript实现数组中的元素上下移动
Apr 28 Javascript
jQuery插件DataTables分页开发心得体会
Aug 22 jQuery
详解Angular4 路由设置相关
Aug 26 Javascript
vue-loader中引入模板预处理器的实现
Sep 04 Javascript
Angularjs material 实现搜索框功能
Mar 08 #Javascript
jQuery控制frames及frame页面JS的方法
Mar 08 #Javascript
三种Node.js写文件的方式
Mar 08 #Javascript
javascript创建对象、对象继承的实用方式详解
Mar 08 #Javascript
理解javascript正则表达式
Mar 08 #Javascript
JavaScript实现带播放列表的音乐播放器实例分享
Mar 07 #Javascript
详解JavaScript数组和字符串中去除重复值的方法
Mar 07 #Javascript
You might like
apache mysql php 源码编译使用方法
2012/05/03 PHP
php中apc缓存使用示例
2013/12/25 PHP
PHP编译安装中遇到的两个错误和解决方法
2014/08/20 PHP
ThinkPHP调用common/common.php函数提示错误function undefined的解决方法
2014/08/25 PHP
JavaScript与HTML结合的基本使用方法整理
2015/10/12 PHP
PHP使用stream_context_create()模拟POST/GET请求的方法
2016/04/02 PHP
php 7新特性之类型申明详解
2017/06/06 PHP
简单JS代码压缩器
2006/10/12 Javascript
JavaScript 节点操作 以及DOMDocument属性和方法
2007/12/06 Javascript
javascript显示选择目录对话框的代码
2008/11/10 Javascript
jquery怎样实现ajax联动框(二)
2013/03/08 Javascript
你必须知道的Javascript知识点之"深入理解作用域链"的介绍
2013/04/23 Javascript
js动态设置div的值下例子
2013/10/29 Javascript
PHP 数组current和next用法分享
2015/03/05 Javascript
通过js获取上传的图片信息(临时保存路径,名称,大小)然后通过ajax传递给后端的方法
2015/10/01 Javascript
基于JS判断iframe是否加载成功的方法(多种浏览器)
2016/05/13 Javascript
Angular.js跨controller实现参数传递的两种方法
2017/02/20 Javascript
vue2.0数据双向绑定与表单bootstrap+vue组件
2017/02/27 Javascript
Bootstrap 响应式实用工具实例详解
2017/03/29 Javascript
JS实现合并json对象的方法
2017/10/10 Javascript
详解javascript中的变量提升和函数提升
2018/05/24 Javascript
小程序自动化测试的示例代码
2020/08/11 Javascript
Vue js with语句原理及用法解析
2020/09/03 Javascript
[01:16:28]DOTA2-DPC中国联赛 正赛 iG vs Magma BO3 第二场 2月23日
2021/03/11 DOTA
python读写二进制文件的方法
2015/05/09 Python
Django实现发送邮件功能
2019/07/18 Python
pytorch模型存储的2种实现方法
2020/02/14 Python
将python字符串转化成长表达式的函数eval实例
2020/05/11 Python
介绍CSS3使用技巧5个
2009/04/02 HTML / CSS
怎样声明子类
2013/07/02 面试题
网上商城创业计划书范文
2014/01/31 职场文书
社区母亲节活动方案
2014/03/05 职场文书
财务部绩效考核方案
2014/05/04 职场文书
2015年药店店长工作总结
2015/04/29 职场文书
广播稿:校园广播稿范文
2019/04/17 职场文书
SQL优化老出错,那是你没弄明白MySQL解释计划用法
2021/11/27 MySQL