offset家族

作用：获取元素的真实位置
家族成员：
offsetWidth/offsetHeight
点语法 特点:
1.可以获取行内标准属性（主要）
2.可以获取语法动态添加的属性
3.无法获取行内自定义属性
4.无法获取行内属性
offset获取元素属性的特点:
1.可以获取行内属性 也可以获取行外属性
2.获取的属性值是number类型 而且不带单位
3获取到的是页面显示的元素的真实宽高
（width/height+padding+border）

offsetParent
1.如果元素自身是固定定位，那么获取到的定位父级为null
2.如果元素自身不是固定定位那么就往上找父级定位，如果
 所有的父元素都没有定位，那么就是body
3.body的定位父级为null

offsetLeft/offsetTop
特点：获取元素在页面上的真实位置
1.offsetLeft：获取到的是元素做外边框到定位父级（offsetParent）
 左内边框的距离
2.offsetTop：获取到的是元素做外边框到定位父级（offsetParent）
 上内边框的距离

动画效果
容易出现的问题和解决方式：
1.代码冗余----函数封装
2.移动距离不一样—传参解决
3.多个元素无法同时移动—传参
 给页面元素添加属性的f方法，将timeID保存到元素中
4.移动方向的问题
 做方向判断