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 相关文章推荐
使用IE的地址栏来辅助调试Web页脚本
Mar 08 Javascript
javascript之querySelector和querySelectorAll使用介绍
Dec 20 Javascript
SOSO地图JS画出标注和中心点以html形式运行
Aug 09 Javascript
jquery Tab效果和动态加载的简单实例
Dec 11 Javascript
百度地图给map添加右键菜单(判断是否为marker)
Mar 04 Javascript
JavaScript中的this陷阱的最全收集并整理(没有之一)
Feb 21 Javascript
vue指令以及dom操作详解
Mar 04 Javascript
js最实用string(字符串)类型的使用及截取与拼接详解
Apr 26 Javascript
浅谈layer弹出层按钮颜色修改方法
Sep 11 Javascript
基于vue.js仿淘宝收货地址并设置默认地址的案例分析
Aug 20 Javascript
Vue——解决报错 Computed property "****" was assigned to but it has no setter.
Dec 19 Vue.js
vue实现Toast组件轻提示
Apr 10 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
PHP return语句另类用法不止是在函数中
2014/09/17 PHP
php实现mysql事务处理的方法
2014/12/25 PHP
php通过修改header强制图片下载的方法
2015/03/24 PHP
thinkPHP5框架auth权限控制类与用法示例
2018/06/12 PHP
Thinkphp框架使用list_to_tree 实现无限级分类列出所有节点示例
2020/04/04 PHP
php设计模式之策略模式实例分析【星际争霸游戏案例】
2020/03/26 PHP
复制本贴标题和地址的js代码
2008/07/01 Javascript
jQuery插件分享之分页插件jqPagination
2014/06/06 Javascript
express的中间件bodyParser详解
2014/12/04 Javascript
node.js中的fs.lchown方法使用说明
2014/12/16 Javascript
jQuery链使用指南
2015/01/20 Javascript
Jquery遍历select option和添加移除option的实现方法
2016/08/26 Javascript
深入理解Node.js的HTTP模块
2016/10/12 Javascript
有趣的bootstrap走动进度条
2016/12/01 Javascript
JS实现的RC4加密算法示例
2018/08/16 Javascript
vue-cli项目配置多环境的详细操作过程
2018/10/30 Javascript
inquirer.js一个用户与命令行交互的工具详解
2019/05/18 Javascript
jQuery鼠标滑过横向时间轴样式(代码详解)
2019/11/01 jQuery
[01:15:36]加油刀塔第二期网络版
2014/08/09 DOTA
使用Node.js和Socket.IO扩展Django的实时处理功能
2015/04/20 Python
Python 统计字数的思路详解
2018/05/08 Python
快速排序的四种python实现(推荐)
2019/04/03 Python
解决Python3用PIL的ImageFont输出中文乱码的问题
2019/08/22 Python
python实现Pyecharts实现动态地图(Map、Geo)
2020/03/25 Python
基于python3.7利用Motor来异步读写Mongodb提高效率(推荐)
2020/04/29 Python
Mysql数据库反向生成Django里面的models指令方式
2020/05/18 Python
Python 实现 T00ls 自动签到脚本代码(邮件+钉钉通知)
2020/07/06 Python
python 实现单例模式的5种方法
2020/09/23 Python
详解使用HTML5的classList属性操作CSS类
2017/10/13 HTML / CSS
荷兰网上鞋店:Ziengs.nl
2017/01/02 全球购物
爱尔兰灯和灯具网上商店:Lights.ie
2018/03/26 全球购物
创业融资计划书
2014/04/25 职场文书
优秀毕业生找工作自荐信
2014/06/23 职场文书
小学生通知书评语
2014/12/31 职场文书
电工生产实习心得体会
2016/01/22 职场文书
pycharm 如何查看某一函数源码的快捷键
2021/05/12 Python