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 相关文章推荐
根据分辨率不同,调用不同的css文件
Aug 25 Javascript
用Javascript 和 CSS 实现脚注(Footnote)效果
Sep 09 Javascript
JavaScript设计模式之策略模式实例
Oct 10 Javascript
基于js实现二级下拉联动
Dec 17 Javascript
深入了解JavaScript的逻辑运算符(与、或)
Dec 20 Javascript
angular实现表单验证及提交功能
Feb 01 Javascript
Bootstrap选项卡学习笔记分享
Feb 13 Javascript
Angular 2父子组件数据传递之@Input和@Output详解(下)
Jul 05 Javascript
vue实现固定位置显示功能
May 30 Javascript
解决小程序无法触发SESSION问题
Feb 03 Javascript
vue项目里面引用svg文件并给svg里面的元素赋值
Aug 17 Javascript
vuex中遇到的坑,vuex数据改变,组件中页面不渲染操作
Nov 16 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 htmlspecialchars加强版
2010/02/16 PHP
利用php+mysql来做一个功能强大的在线计算器
2010/10/12 PHP
php Rename 更改文件、文件夹名称
2011/05/24 PHP
从性能方面考虑PHP下载远程文件的3种方法
2015/12/29 PHP
Thinkphp框架中D方法与M方法的区别
2016/12/23 PHP
浅谈PHP5.6 与 PHP7.0 区别
2019/10/09 PHP
javascript call方法使用说明
2010/01/11 Javascript
Extjs实现进度条的两种便捷方式
2013/09/26 Javascript
javascript实现的元素拖动函数宿主为浏览器
2014/07/21 Javascript
jQuery实现公告新闻自动滚屏效果实例代码
2016/07/14 Javascript
vuejs父子组件通信的问题
2017/01/11 Javascript
微信小程序实现顶部普通选项卡效果(非swiper)
2020/06/19 Javascript
jQuery实现监听下拉框选中内容发生改变操作示例
2018/07/13 jQuery
微信小程序实现蒙版弹窗效果
2018/11/01 Javascript
React 使用Hooks简化受控组件的状态绑定
2019/03/18 Javascript
Node.js 路由的实现方法
2019/06/05 Javascript
vue项目实现设置根据路由高亮对应的菜单项操作
2020/08/06 Javascript
从零学Python之入门(三)序列
2014/05/25 Python
python+splinter实现12306网站刷票并自动购票流程
2018/09/25 Python
使用Python自动生成HTML的方法示例
2019/08/06 Python
解决django同步数据库的时候app models表没有成功创建的问题
2019/08/09 Python
pycharm中import呈现灰色原因的解决方法
2020/03/04 Python
python实现微信打飞机游戏
2020/03/24 Python
python IDLE添加行号显示教程
2020/04/25 Python
Scrapy模拟登录赶集网的实现代码
2020/07/07 Python
对CSS3选择器的研究(详解)
2016/09/16 HTML / CSS
html5 touch事件实现页面上下滑动效果【附代码】
2016/03/10 HTML / CSS
WiFi云数码相框:Nixplay
2018/07/05 全球购物
Book Depository美国:全球领先的专业网上书店之一
2019/08/14 全球购物
运动会广播稿60字
2014/01/15 职场文书
报社实习生自荐信
2014/01/24 职场文书
工厂仓管员岗位职责范本
2014/07/17 职场文书
企业财务经理岗位职责
2015/04/08 职场文书
宾馆客房管理制度
2015/08/06 职场文书
2016年6月份红领巾广播稿
2015/12/21 职场文书
Windows Server 2019 域控制器安装图文教程
2022/04/28 Servers