【读书笔记】Javascript DOM编程艺术（十）用JavaScript实现动画效果

10.1 动画基础知识

        （1）如果我们想随着时间的变化而不断改变某个元素的样式，则只能使用JavaScript。JavaScript能够按照预定的时间间隔重复调用一个函数，而这意味着我们可以随着时间的推移而不断改变某个元素的样式。

        （2）动画是样式随时间变化的完美例子之一，简单地说，动画就是让元素的位置随着时间而变化地发生变化。

    10.1.1 位置

        （1）网页元素在浏览器窗口里的位置是一种表示性的信息。因此，位置信息通常是由CSS负责设置的。

        （2）元素的位置使用position，top，bottom，left，right来决定。

    10.1.2 时间

        （1）JavaScript函数setTimeout能够让某个函数在经过一段预定的时间之后才开始执行：

                setTimeout("function", interval)

        （2）如果想取消某个正在排队等待执行的函数，可以用clearTimeout函数来取消“等待执行”队列里的某个函数。这个函数需要一个参数——保存着某个setTimeout函数调用返回值的变量：

                clearTimeout（variable）

    10.1.3 时间递增量

    10.1.4 抽象

10.2 实用的动画

        （1）W3C在它们的Web内容可访问性指南7.2节中给出了这样的建议：“除非浏览器允许用户“冻结”移动着的内容，否则就应该避免让内容在页面中移动。”

    10.2.1 提出问题

    10.2.2 解决问题

    10.2.3 CSS

    10.2.4 JavaScript

    10.2.5 变量作用域问题

    10.2.6 改进动画效果

    10.2.7 添加安全检查

    10.2.8 生成HTML标记

10.3 小结