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语言中的Literal Syntax特性分析
Mar 08 Javascript
用JavaScript实现仿Windows关机效果
Mar 10 Javascript
原生js 秒表实现代码
Jul 24 Javascript
jquery遍历数组与筛选数组的方法
Nov 05 Javascript
JS将滑动门改为选项卡(需鼠标点击)的实现方法
Sep 27 Javascript
基于jQuery实现搜索关键字自动匹配功能
Mar 26 Javascript
node.js 中国天气预报 简单实现
Jun 06 Javascript
Bootstrap CSS组件之面包屑导航(breadcrumb)
Dec 17 Javascript
Vue路由钩子之afterEach beforeEach的区别详解
Jul 15 Javascript
详解Vue 如何监听Array的变化
Jun 06 Javascript
Vue实现数据请求拦截
Oct 23 Javascript
Vue组件生命周期运行原理解析
Nov 25 Vue.js
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
SONY SRF-22W(33W)的电路分析和维修案例
2021/03/02 无线电
聊天室php&mysql(三)
2006/10/09 PHP
基于xcache的配置与使用详解
2013/06/18 PHP
jBox 2.3基于jquery的最新多功能对话框插件 常见使用问题解答
2011/11/10 Javascript
javascritp添加url参数将参数加入到url中
2014/09/25 Javascript
jQuery实现时尚漂亮的弹出式对话框实例
2015/08/07 Javascript
纯js代码实现未知宽高的元素在指定元素中垂直水平居中显示
2015/09/12 Javascript
jquery ui dialog替代confirm实例分析
2016/01/25 Javascript
JavaScript判断数组重复内容的两种方法(推荐)
2016/06/06 Javascript
ionic实现带字的toggle滑动组件
2016/08/27 Javascript
微信小程序访问node.js接口服务器搭建教程
2017/04/25 Javascript
vue过渡和animate.css结合使用详解
2017/06/14 Javascript
在vue中,v-for的索引index在html中的使用方法
2018/03/06 Javascript
解决Vue在封装了Axios后手动刷新页面拦截器无效的问题
2018/11/08 Javascript
javascript实现移动端触屏拖拽功能
2020/07/29 Javascript
python实现简单的计时器功能函数
2015/03/14 Python
python executemany的使用及注意事项
2017/03/13 Python
python虚拟环境virtualenv的安装与使用
2017/09/21 Python
python3使用QQ邮箱发送邮件
2020/05/20 Python
Python 正则表达式 re.match/re.search/re.sub的使用解析
2019/07/22 Python
python PyQt5/Pyside2 按钮右击菜单实例代码
2019/08/17 Python
python或C++读取指定文件夹下的所有图片
2019/08/31 Python
Python namedtuple命名元组实现过程解析
2020/01/08 Python
详解python实现可视化的MD5、sha256哈希加密小工具
2020/09/14 Python
表达自我的市场:Society6
2018/08/01 全球购物
荷兰领先的百货商店:De Bijenkorf
2018/10/17 全球购物
菲律宾优惠券网站:MetroDeal
2019/04/12 全球购物
英国家居用品和床上用品零售商:P&B Home
2020/01/16 全球购物
预备党员思想汇报范文
2013/12/29 职场文书
小学数学教学反思
2014/02/02 职场文书
军训考核自我鉴定
2014/02/13 职场文书
2014年政风行风评议工作总结
2014/10/21 职场文书
优秀少先队辅导员事迹材料
2014/12/24 职场文书
教师党员个人自我评价
2015/03/04 职场文书
小学数学继续教育研修日志
2015/11/13 职场文书
Go语言并发编程 sync.Once
2021/10/16 Golang