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 相关文章推荐
JavaScript 封装Ajax传递的数据代码
Jun 05 Javascript
jQuery UI的Dialog无法提交问题的解决方法
Jan 11 Javascript
js 字符串转换成数字的三种方法
Mar 23 Javascript
jquery让指定的元素闪烁显示的方法
Mar 17 Javascript
微信jssdk用法汇总
Jul 16 Javascript
移动端js触摸事件详解
Sep 18 Javascript
Angular2中select用法之设置默认值与事件详解
May 07 Javascript
mac上node.js环境的安装测试
Jul 03 Javascript
实例详解JavaScript中setTimeout函数的执行顺序
Jul 12 Javascript
Vue cli 引入第三方JS和CSS的常用方法分享
Jan 20 Javascript
vue与原生app的对接交互的方法(混合开发)
Nov 28 Javascript
vue中element 的upload组件发送请求给后端操作
Sep 07 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
rephactor 优秀的PHP的重构工具
2011/06/09 PHP
windows环境下php配置memcache的具体操作步骤
2013/06/09 PHP
PHP中imagick函数的中文解释
2015/01/21 PHP
PHP中is_dir()函数使用指南
2015/05/08 PHP
PHP会话控制实例分析
2016/12/24 PHP
thinkPHP5框架导出Excel文件简单操作示例
2018/08/03 PHP
laravel框架中间件 except 和 only 的用法示例
2019/07/12 PHP
解决Laravel blade模板转义html标签的问题
2019/09/03 PHP
thinkphp框架无限级栏目的排序功能实现方法示例
2020/03/29 PHP
jquery与google map api结合使用 控件,监听器
2010/03/04 Javascript
JS字符串函数扩展代码
2011/09/13 Javascript
javascript对talbe进行动态添加、删除、验证实现代码
2012/03/29 Javascript
js 实现日期灵活格式化的小例子
2013/07/14 Javascript
innerHTML属性,outerHTML属性,textContent属性,innerText属性区别详解
2015/03/13 Javascript
JS实现自动变换的菜单效果代码
2015/09/09 Javascript
react native带索引的城市列表组件的实例代码
2017/08/08 Javascript
jQuery实现对网页节点的增删改查功能示例
2017/09/18 jQuery
redux-saga 初识和使用
2018/03/10 Javascript
vue-cli的build的文件夹下没有dev-server.js文件配置mock数据的方法
2019/04/17 Javascript
JS实现判断移动端PC端功能
2020/02/21 Javascript
如何使用JS console.log()技巧提高工作效率
2020/10/14 Javascript
python 文件与目录操作
2008/12/24 Python
Python实现查找匹配项作处理后再替换回去的方法
2017/06/10 Python
Python实现统计给定字符串中重复模式最高子串功能示例
2018/05/16 Python
python实现屏保计时器的示例代码
2018/08/08 Python
Pytorch加载部分预训练模型的参数实例
2019/08/18 Python
python使用 request 发送表单数据操作示例
2019/09/25 Python
解决keras加入lambda层时shape的问题
2020/06/11 Python
HTML中meta标签及Keywords
2020/04/15 HTML / CSS
大课间活动制度
2014/01/18 职场文书
八年级美术教学反思
2014/02/02 职场文书
运动会稿件50字
2014/02/17 职场文书
平安建设工作方案
2014/06/02 职场文书
干部作风建设个人剖析材料
2014/10/11 职场文书
2014年教师工作总结
2014/11/10 职场文书
根德5570型九灯四波段立体声收音机是电子管收音机的楷模 ? 再论5570
2022/04/05 无线电