JS特效

在style标签中或者外部的css样式表中的样式属性获取不到的
只能获取行内的style属性中的样式属性

            以后如果要获取元素的宽高,使用offset系列完成
            offset系列获取属性值都是number类型,不带单位
            offsetWidth: 获取元素的宽
            offsetHeight: 获取元素的高
            offsetLeft: 获取元素的左边距----元素距离父级元素左边框的距离
             offsetTop:获取元素的上边距
             offsetParent: 获取元素的父级元素,如果父级元素设置了定位(相对绝对), 获取父级元素,如果父级元素没有定位(相对,绝对),获取body

匀速运动

当step是一个恒定的值(如10),则说明相同时间间隔内,距离变化相同,说明速度是一个恒定的值,该运动为匀速运动

 如果使用getComputedStyle或currentStyle是可以识别小数的,但是使用offset值,则返回对应的四舍五入值

加速运动

  说到加速运动,必须要提到一个物理名词——加速度

如果v0是初始速度,v1是定时器第n次经过20ms之后元素变化后的速度,v2是定时器第n+1次经过20ms之后元素变化后的速度

v0代表初始速度,a代表加速度,n代表定时器执行的次数

重力运动

  重力运动是加速运动的特殊情况,相当于初始速度为0,加速度为9.8m/s2的特值情况

减速运动

  相对于加速运动来说,减速运动有一个临界点的问题。如果元素运动到指定的位置前,速度已经减到0,则停到当前速度为0的位置

偏移量

  • offsetParent用于获取定位的父级元素

  • offsetParent和parentNode的区别

你可能感兴趣的:(新手)