JS 用div 覆盖 html元素

原创 2012年03月29日 10:27:02

例子,用层2覆盖层1  兼容IE6

 

<div id="div1"></div>

<div id="div2" style="position:absolute;"></div>

 

<script>

                        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;
                        }

                        var top = getTop(document.getElementById("div1"));
                        var left = getLeft(document.getElementById("div1"));
                        document.getElementById('div2').style.top = top + "px";
                        document.getElementById('div2').style.left = left + "px";
                        document.getElementById('div2').style.width = document.getElementById("div1").offsetWidth + "px";
                        document.getElementById('div2').style.height = document.getElementById("div1").offsetHeight + "px";

</script>

相关文章推荐

js追加元素的几种方法(append()、prepend()、after()、before()、insertAfter()、insertBefore())

js追加元素的几种方法,append()、appendTo()、prepend()、prependTo()、after()、before()、appendChild()、insertAfter()、i...

js动态创建div等元素实例

  • 2014年03月19日 17:29
  • 2KB
  • 下载

【Div+CSS笔记】 0x01 html常用标签元素

常用HTML标签元素结合及简介 创建一个HTML文档 设置文档标题和其它在网页中不显示的信息 设置文档的标题         最大的标题 预先格式化文本           下...
  • WCG_BOY
  • WCG_BOY
  • 2012年08月13日 09:38
  • 501

通过js给html元素赋值

  • 2012年07月19日 09:34
  • 941B
  • 下载

javascript 控制 DIV等html元素的显示和隐藏 .

1 、编写 js 函数     function display(id){         var traget=document.getElementById(id); ...

JS用Canvas元素进行HTML绘图

  • 2009年05月23日 18:24
  • 3KB
  • 下载

js 动态插入html元素

  • 2011年02月24日 11:36
  • 788B
  • 下载

js:div元素display属性与visibility属性的区别

window.onload = function() {             document.getElementById('btnHide').onclick = function() { ...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:JS 用div 覆盖 html元素
举报原因:
原因补充:

(最多只允许输入30个字)