offsetWidth所获取的宽度并不是div的实际宽度,它包括div的width、border等。

在JS函数中,可以通过obj.style.width来获取div的实际宽度,但是这种方式style只能获取行间样式,所以需要一个函数调用css中样式,代码如下:

  1. function getStyle(obj, name) {
    if (obj.currentStyle) {
    return obj.currentStyle[name];
    }
    else {
    return getComputedStyle(obj, false)[name];
    }
    }
  2.  
  3. setInterval(function () {
    var oDiv = document.getElementById('div1');
  4.  
  5. oDiv.style.width = parseInt(getStyle(oDiv, 'width')) - 1 + 'px';
    }, 30);

    现在我们来用一个案例来掩饰去掉offset如何实现
  6. 代码:
  1.  
  1. <!DOCTYPE HTML>
    <html>
    <head>
    <meta charset="utf-8">
    <title>无标题文档</title>
    <style>
    div {
    width: 200px;
    height: 200px;
    margin: 20px;
    float: left;
    background: yellow;
    border: 10px solid black;
    font-size: 14px;
    }
    </style>
    <script>
    window.onload = function () {
    var oDiv1 = document.getElementById('div1');
  2.  
  3. oDiv1.onmouseover = function () {
    startMove(this, 'height', 400);
    };
    oDiv1.onmouseout = function () {
    startMove(this, 'height', 200);
    };
  4.  
  5. var oDiv2 = document.getElementById('div2');
  6.  
  7. oDiv2.onmouseover = function () {
    startMove(this, 'width', 400);
    };
    oDiv2.onmouseout = function () {
    startMove(this, 'width', 200);
    };
  8.  
  9. var oDiv3 = document.getElementById('div3');
  10.  
  11. oDiv3.onmouseover = function () {
    startMove(this, 'fontSize', 50);
    };
    oDiv3.onmouseout = function () {
    startMove(this, 'fontSize', 14);
    };
  12.  
  13. var oDiv4 = document.getElementById('div4');
  14.  
  15. oDiv4.onmouseover = function () {
    startMove(this, 'borderWidth', 100);
    };
    oDiv4.onmouseout = function () {
    startMove(this, 'borderWidth', 10);
    };
    };
  16.  
  17. function getStyle(obj, name) {
    if (obj.currentStyle) {
    return obj.currentStyle[name];
    }
    else {
    return getComputedStyle(obj, false)[name];
    }
    }
  18.  
  19. function startMove(obj, attr, iTarget) {
    clearInterval(obj.timer);
    obj.timer = setInterval(function () {
    var cur = parseInt(getStyle(obj, attr));
  20.  
  21. var speed = (iTarget - cur) / 6;
    speed = speed > 0 ? Math.ceil(speed) : Math.floor(speed);
  22.  
  23. if (cur == iTarget) {
    clearInterval(obj.timer);
    }
    else {
    obj.style[attr] = cur + speed + 'px';
    }
    }, 30);
    }
    </script>
    </head>
  24.  
  25. <body>
    <div id="div1">变高</div>
    <div id="div2">变宽</div>
    <div id="div3">字体变大</div>
    <div id="div4">边框变粗</div>
    </body>
    </html>
  1.  

  1. 运行结果:
     aaarticlea/png;base64,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" alt="" />

offset--BUG的更多相关文章

  1. kbmmw 5.01 发布

    Important notes (changes that may break existing code) ============================================= ...

  2. kbmmw 5.0 beta1 发布

    经过大半年的等待,kbmmw 的新版终于来了.经过近5年的打磨, kbmmw 的版本号升级到5了. kbmMW is a portable, highly scalable, high end app ...

  3. Sql 2012 OFFSET / FETCH NEXT BUG

    上个星期,测试发现了一个分页的bug--- 无论怎么分页数据的一样.我们所有的分页都是用EF 分页,为什么只有一个模块的分页有问题呢? 后来跟了下sql语句,发现用到是sql2012的新分页方式 OF ...

  4. Javascript 运动中Offset的bug——逐行分析代码,让你轻松了解运动的原理

    我们先来看看这个bug 是怎么产生的. <style type="text/css"> #div1 { width: 200px; height: 200px; bac ...

  5. JS 中offset 的小bug 与解决方案。

    一.发现bug准备工作,先定义一个div,然后给div加上样式    效果图如图所示: 二.编写正常的代码,同时给div加上一个id     会发现div图会向左缩进...直至消失. 三.添加代码bo ...

  6. [更新设计]跨平台物联网通讯框架ServerSuperIO 2.0 ,功能、BUG、细节说明,以及升级思考过程!

    注:ServerSuperIO 2.0 还没有提交到开源社区,在内部测试!!! 1. ServerSuperIO(SSIO)说明 SSIO是基于早期工业现场300波特率通讯传输应用场景发展.演化而来. ...

  7. 项目中遇到的各种bug和踩过的坑

    zepto 赋值时单位转换问题 zepto 的 animate 方法移动某个元素的位置时,例如修改某个绝对定位的元素的 left 值,要与修改前的值单位一致,修改前如果是像素值,修改后也要是像素值,否 ...

  8. bootstrap-datetimepicker.js 设置开始时间的Bug。

    原地址:http://www.malot.fr/bootstrap-datetimepicker 修改的地方有三处: 1. var months = this.setTitle('.datetimep ...

  9. (高德地图)marker定位 bug 解决总结

    项目背景: 一个项目bug,项目中用到高德地图,默认打开页面会生成一个marker(下图红色icon),然后用户拖动marker到想要的位置,并且保存. 用户反映定位不准确,在当前页面编辑的位置,到后 ...

  10. Ztree插件,定位节点时(focus)不能进入可视区域BUG解决方案

    相关插件版本: jquery.ztree.exedit-3.4.js jquery.ztree.all-3.4.js jquery-1.8.0.js function onAsyncSuccess(e ...

随机推荐

  1. Xshell入门教程介绍

    免费软件 Xshell和 Xftp 都是 NetSarang 出品的优秀网络管理.安全传输工具.Xshell 是一个免费的安全终端仿真器,可以作为 SSH.TELNET 或 RLOGIN 的终端模拟, ...

  2. Delphi中客户端获取数据库更新信息(更新条数)

    1.SQL语句 from tb where xxx='XXX') //不存在,则插入数据 begin insert into tb(xxx) values('XXX') //这里自己定义,插入或更新都 ...

  3. ORB-SLAM(五)KeyFrame类

    KeyFrame类利用Frame类来构造.对于什么样的Frame可以认为是关键帧以及何时需要加入关键帧,是实现在tracking模块中的. 由于KeyFrame中一部分数据会被多个线程访问修改,因此需 ...

  4. mongodb 安装使用遇到的问题记录

    mongodb 常用命令: https://www.mongodb.org/downloads 官网64位下载链接 https://fastdl.mongodb.org/linux/mongodb-l ...

  5. selenide 自动化UI测试中Configuration全局配置项目

    selenide 在测试过程中需要设置许多的默认值,方便在测试过程中进行和很好的使用.下面我们在selenide中的api引用过来看看! static Configuration.AssertionM ...

  6. Thymeleaf 使用时的标签

    1 . onclick事件   <a th:onclick="'javascript:more()'" ></a> 2.引入CSS样式 <link t ...

  7. JAVA虚拟机(一):内存区域

    根据<java虚拟机规范第二版>规定,现阶段的java内存区域总体如下图 其中,方法区和堆是所有线程共享区域. 虚拟机栈,本地方法栈,程序计数器是各线程独占. 概述一下各个区域 先说说线程 ...

  8. 文本太长,用省略号显示的css样式

    ——html代码 <divid="d1" title="鼠标放上显示的文字"></div> ——css代码 #d1{ width:300 ...

  9. 【转】GOOGLE-PROTOBUF与FLATBUFFERS数据的序列化和反序列化

    转载自[黑米GameDev街区] 原文链接: http://www.himigame.com/unity3d-game/1607.html  关于Protobuf 通过本文的转载和分享的相关链接,足够 ...

  10. clone项目到本地

    clone项目到本地 1.然后在本地建立接受代码的文件夹,然后cd 到这个目录 (克隆版本库的时候,所使用的远程主机自动被git命名为origin.如果想用其他的主机名,需要用git clone命令的 ...