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中var声明变量作用域的推断
Dec 16 Javascript
33个优秀的jQuery 教程分享(幻灯片、动画菜单)
Jul 08 Javascript
js调试工具Console命令详解
Oct 21 Javascript
jQuery中dequeue()方法用法实例
Dec 29 Javascript
JavaScript原生对象之Date对象的属性和方法详解
Mar 13 Javascript
关于验证码在IE中不刷新的快速解决方法
Sep 23 Javascript
Angular2表单自定义验证器的实现
Oct 19 Javascript
Vue.js 插件开发详解
Mar 29 Javascript
node.js中http模块和url模块的简单介绍
Oct 06 Javascript
vue-cli脚手架搭建的项目去除eslint验证的方法
Sep 29 Javascript
vue实现整屏滚动切换
Jun 29 Javascript
vue element-ui中table合计指定列求和实例
Nov 02 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
一个简单的PHP验证码实现代码
2014/05/10 PHP
php下载文件超时时间的设置方法
2016/10/06 PHP
laravel请求参数校验方法
2019/10/10 PHP
escape、encodeURI、encodeURIComponent等方法的区别比较
2006/12/27 Javascript
JS location几个方法小姐
2008/07/09 Javascript
利用js动态添加删除table行的示例代码
2013/12/16 Javascript
javascript实现禁止右键和F12查看源代码
2014/12/26 Javascript
jQuery手机拨号界面特效代码分享
2015/08/27 Javascript
JS实现黑色风格的网页TAB选项卡效果代码
2015/10/09 Javascript
js中最容易被忽视的事件问题大总结
2016/05/15 Javascript
Bootstrap教程JS插件弹出框学习笔记分享
2016/05/17 Javascript
全面解析标签页的切换方式
2016/08/21 Javascript
ionic实现滑动的三种方式
2016/08/27 Javascript
JS获取鼠标相对位置的方法
2016/09/20 Javascript
Angular中使用$watch监听object属性值的变化(详解)
2017/04/24 Javascript
JS一个简单的注册页面实例
2017/09/05 Javascript
Nodejs实现文件上传的示例代码
2017/09/26 NodeJs
Vue使用高德地图搭建实时公交应用功能(地图 + 附近站点+线路详情 + 输入提示+换乘详情)
2018/05/16 Javascript
对layui中表单元素的使用详解
2018/08/15 Javascript
jQuery 实现扁平式小清新导航
2020/07/07 jQuery
[00:30]明星选手化身超级英雄!2018DOTA2亚洲邀请赛全明星赛来临!
2018/04/06 DOTA
python paramiko实现ssh远程访问的方法
2013/12/03 Python
浅谈Python数据类型判断及列表脚本操作
2016/11/04 Python
Python logging模块异步线程写日志实现过程解析
2020/06/30 Python
详解html5 canvas 微信海报分享(个人爬坑)
2018/01/12 HTML / CSS
HTML5超文本标记语言的实现方法
2020/09/24 HTML / CSS
审计主管岗位职责
2014/01/31 职场文书
事业单位分类改革实施方案
2014/03/21 职场文书
三严三实对照检查材料
2014/08/25 职场文书
作风转变年心得体会
2014/10/22 职场文书
结婚保证书(卖身契)
2015/02/26 职场文书
责任书范本大全
2015/05/11 职场文书
社区党建工作总结2015
2015/05/13 职场文书
2015年青年志愿者工作总结
2015/05/20 职场文书
2016年重阳节慰问信
2015/12/01 职场文书
Android学习之BottomSheetDialog组件的使用
2022/06/21 Java/Android