定义：
animate() 方法执行 CSS 属性集的自定义动画。
1、该方法通过CSS样式将元素从一个状态改变为另一个状态。CSS属性值是逐渐改变的，这样就可以创建动画效果。
2、只有数字值可创建动画（比如 "margin:30px"）。字符串值无法创建动画（比如 "background-color:red"）。
3、注释：使用 "+=" 或 "-=" 来创建相对动画（relative animations）。
简单小实例：
//图片动画效果 function addEvent_3(){ third_imgDos.mouseover(function(){ $(this).stop().animate({ top:‘-10px‘ },‘fast‘);//上移10px }).mouseout(function(){ $(this).stop().animate({ top:‘0px‘//复原 },‘fast‘); }); }
注意：stop（）
加入stop()，防止动画在进行中出发多次，造成一种抖动感。
方式：
1、style：
- backgroundPosition
- borderWidth
- borderBottomWidth
- borderLeftWidth
- borderRightWidth
- borderTopWidth
- borderSpacing
- margin
- marginBottom
- marginLeft
- marginRight
- marginTop
- outlineWidth
- padding
- paddingBottom
- paddingLeft
- paddingRight
- paddingTop
- height
- width
- maxHeight
- maxWidth
- minHeight
- minWidth
- font
- fontSize
- bottom
- left
- right
- top
- letterSpacing
- wordSpacing
- lineHeight
- textIndent
注意：CSS 样式使用 DOM 名称（比如 "fontSize"）来设置，而非 CSS 名称（比如 "font-size"）。
2、speed
动画速度，默认是“normal”
3、easing
规定动画的数度
“swing”“linear”
4、callbank
animate()函数执行完之后要执行的函数
原文：https://www.cnblogs.com/Ace-suiyuan008/p/9280032.html