jQuery animate()的一些理解 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
jQuery animate() 方法用于创建自定义动画。
语法:
参数:
params:必填,定义形成动画的 CSS 属性。 speed:可选,规定效果的时长。它可以取以下值:"slow"、"fast" 或毫秒。 callback:可选,动画完成后所执行的函数名称。
默认情况下,所有 HTML 元素都有一个静态位置,且无法移动。 如需对位置进行操作,要记得首先把元素的 CSS position 属性设置为 relative、 fixed 或 absolute!当使用 animate() 时,必须使用 Camel 标记法书写所有的属性名,比如,必须使用 paddingLeft 而不是 padding-left,使用 marginRight 而不是 margin-right,等等。animate()目前不支持颜色动画,如果需要生成颜色动画,需要引入颜色动画的插件。
代码图:
效果图: