[原]读-DOM编程艺术8-动画

动画的定义：动画就是让元素的位置随着时间而不断的发生变法，记住2点时间和位置。

    位置：

    说到位置我们不得不说到定位（position），position有4个值，static，fixed，relative，absolute，定位是一门艺术，如何用网络上有很多优秀的文章介绍，我们这里是对JS动画所以不做叙述，通过对元素设置不同的position值，可以利用left，right，top，bottom来改变元素的位置，如下方式

elem.style.position = "absolute";
elem.style.left = "50px";
elem.style.top = "100px";

    注以上方式为JS改变（其实就是通过改变样式，如果在浏览器里面呈现是我们通常看到的CSS）

    时间：

    js函数 setTimeout 能够让某个函数在经过一段预定的时间后执行，时间是以毫秒进行计算。
setTimeout("function",时间)使用以上的方式会然后元素在设置的时间后进行移动，但是这种移动是一种跳跃式的，我们平时要的是一种渐进，有过度的动画效果，显然这种跳跃式的不符合我们的期望，我们设想一下一个元素移动到另一个位置，是在一个路径中，我们可以让他在这一个路径上设置几个小的位置，每次移动一小段距离，然后经过多次移动到达最终的位置，这样我们就达到了我们想要的效果。