在前面的文章中讲了简单的Javascript动画效果,这篇文章主要介绍我在改变之前代码时发现的一些问题及解决方法。
在前面的多物体宽度变化的例子中,我们给其增加代码:border: 4px solid #000;我们发现,鼠标移出后,宽度不是200px了,那么究竟是如何产生这种情况的呢?下面我们通过一个新的例子来分析
/*此时的效果为宽度不断增加
- 加上border: 2px solid #000;之后,不断增大
- 原因:当前的宽为202,减一后为201,大于200
- 改变:oDiv.offsetWidth-2
- 结果:宽永远为200px
- 改变:字行内样式中加宽为200px<div id="div1" style="width: 200px;">
*/