2021-05-08

jQuery animate() 方法创建自定义的动画。

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

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

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

4.下面的例子演示

 

 

 

 

 

nimate() 方法的简单应用；它把 <div> 元素移动到左边，直到 left 属性等于 250 像素为止：

 

 

 

 

 

 

开始动画前的效果：

开始动画后的效果：

 

5.如需对位置进行操作，要记得首先把元素的 CSS position 属性设置为 relative、fixed 或 absolute！

6.animate() 方法执行 CSS 属性集的自定义动画。

7.该方法通过CSS样式将元素从一个状态改变为另一个状态。CSS属性值是逐渐改变的，这样就可以创建动画效果。

8.只有数字值可创建动画（比如 "margin:30px"）。字符串值无法创建动画（比如 "background-color:red"）。

9.注释：使用 "+=" 或 "-=" 来创建相对动画（relative animations）。

 

这是我所学到的Models引用步骤，所以我要分享给你们，希望可以帮助到你们。

以上就是我的分享，新手上道，请多多指教。如果有更好的方法或不懂得地方欢迎在评论区教导和提问喔！