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中的常见问题解决方法(乱码,IE缓存,代理)
Nov 28 Javascript
前端轻量级MVC框架CanJS详解
Sep 26 Javascript
原生javascript实现图片按钮切换
Jan 12 Javascript
[原创]Bootstrap 中下拉菜单修改成鼠标悬停直接显示
Apr 14 Javascript
AngularJs 指令详解及示例代码
Sep 01 Javascript
js实现控制textarea输入字符串的个数,鼠标按下抬起判断输入字符数
Oct 25 Javascript
详解JavaScript中js对象与JSON格式字符串的相互转换
Feb 14 Javascript
解决bootstrap中使用modal加载kindeditor时弹出层文本框不能输入的问题
Jun 05 Javascript
解决Vue中mounted钩子函数获取节点高度出错问题
May 18 Javascript
微信小程序开发之自定义tabBar的实现
Sep 06 Javascript
微信小程序蓝牙连接小票打印机实例代码详解
Jun 03 Javascript
深入解析微信小程序开发中遇到的几个小问题
Jul 11 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开发环境配置记录
2011/01/14 PHP
调整优化您的LAMP应用程序的5种简单方法
2011/06/26 PHP
php教程之魔术方法的使用示例(php魔术函数)
2014/02/12 PHP
php计算当前程序执行时间示例
2014/04/24 PHP
wordpress安装过程中遇到中文乱码的处理方法
2015/04/21 PHP
PHP7常量数组用法分析
2016/09/26 PHP
seajs中模块的解析规则详解和模块使用总结
2014/03/12 Javascript
jQuery插件实现多级联动菜单效果
2015/12/01 Javascript
ionic实现带字的toggle滑动组件
2016/08/27 Javascript
Vue.js第一天学习笔记(数据的双向绑定、常用指令)
2016/12/01 Javascript
在Swiper内如何制作CSS3动画效果示例代码
2017/12/07 Javascript
JS实现面向对象继承的5种方式分析
2018/07/21 Javascript
angular的输入和输出的使用方法
2018/09/22 Javascript
微信小程序自定义modal弹窗组件的方法详解
2020/12/20 Javascript
[01:18:45]DOTA2-DPC中国联赛 正赛 DLG vs Dragon BO3 第三场2月1日
2021/03/11 DOTA
Python使用time模块实现指定时间触发器示例
2017/05/18 Python
Python编程实现双击更新所有已安装python模块的方法
2017/06/05 Python
基于Python函数的作用域规则和闭包(详解)
2017/11/29 Python
基于DATAFRAME中元素的读取与修改方法
2018/06/08 Python
Python3爬虫之自动查询天气并实现语音播报
2019/02/21 Python
pandas DataFrame创建方法的方式
2019/08/02 Python
python 控制Asterisk AMI接口外呼电话的例子
2019/08/08 Python
python中常用的数据结构介绍
2021/01/12 Python
利用CSS3的定位页面元素
2009/08/29 HTML / CSS
法国娇韵诗官方旗舰店:Clarins是来自法国的天然护肤品牌
2018/06/30 全球购物
FitFlop美国官网:英国符合人体工学的鞋类品牌
2018/10/05 全球购物
定义一结构体变量,用其表示点坐标,并输入两点坐标,求两点之间的距离
2015/08/17 面试题
学习十八大宣传标语
2014/10/09 职场文书
个人政风行风自查自纠报告
2014/10/21 职场文书
优秀教师个人材料
2014/12/15 职场文书
2016年会开场白台词
2015/06/01 职场文书
工作简报格式范文
2015/07/21 职场文书
二手手机买卖合同范本(2019年版)
2019/10/28 职场文书
go 原生http web 服务跨域restful api的写法介绍
2021/04/27 Golang
基于Redis zSet实现滑动窗口对短信进行防刷限流的问题
2022/02/12 Redis
HTML5基础学习之文本标签控制
2022/03/25 HTML / CSS