关于width不断增加而不是减小

来源:4-2 获取样式

Dicrector

2016-11-06 20:07

为什么width=201px后会持续的增加?

写回答 关注

2回答

  • 写米乐
    2016-11-06 21:51:18
    已采纳

    样式有这俩句:其他样式不写了,主要看这俩个。

    #div1{
        width:200px;
        *****
        ****
        border:1px solid #000;
    }
    setInterval(function(){                           //这是个定时器,30毫秒执行一次里面的函数.
        var oDiv = document.getElementById('div1');
        //获取id是div1的元素。
        oDiv.style.width = oDiv.offsetWidth - 1 + 'px';
        //获取oDiv的宽,这时候的宽是200px+2px。因为border给俩边加了1px,实际获取到的是202px;
        //所以202px-1px=201px赋给了oDiv,这时oDiv的宽是201px;再过30毫秒执行这句,获取的oDiv的宽是
        //201px + 2px = 203px; 再203px-1px=202px赋给了oDiv。就这样。
        },30);



    Dicrec...

    非常感谢!

    2016-11-08 15:40:33

    共 2 条回复 >

  • Dicrector
    2016-11-08 09:29:29

    setinterval()函数里的时间指的是  每隔这个时间段执行一次 还是 每次执行的时间是这个时间?http://img.mukewang.com/58212a750001a57910000661.jpg

    写米乐 回复Dicrec...

    互相学习吧。

    2016-11-09 09:06:38

    共 4 条回复 >

JS动画效果

通过本课程JS动画的学习,从简单动画开始,逐步深入各种动画框架封装

113923 学习 · 1443 问题

查看课程

相似问题