jQuery-动画

jQuery 动画 - animate() 方法

1.jQuery animate() 方法用于创建自定义动画。

语法：

$(selector).animate({params},speed,callback);

必需的 params 参数定义形成动画的 CSS 属性。

可选的 speed 参数规定效果的时长。它可以取以下值："slow"、"fast" 或毫秒。

可选的 callback 参数是动画完成后所执行的函数名称。

注：默认地，所有 HTML 元素都有一个静态位置，且无法移动。如需对位置进行操作，要记得首先把元素的 CSS position 属性设置为 relative、fixed 或 absolute！

2.生成动画的过程中可同时使用多个属性。

可以用 animate() 方法来操作几乎所有的 CSS 属性，但是当使用 animate() 时，必须使用 Camel 标记法书写所有的属性名，且色彩动画并不包含在核心 jQuery 库中。

3.定义相对值（该值相对于元素的当前值）。需要在值的前面加上 += 或 -=。

4.可以把属性的动画值设置为 "show"、"hide" 或 "toggle"。（使用预定义的值）

5.默认地，jQuery 提供针对动画的队列功能。编写多个 animate() 调用，jQuery 会创建包含这些方法调用的“内部”队列。然后逐一运行这些 animate 调用。