jquery中animate()方法注意事项 - wkyseo/blog GitHub Wiki

W3C上的语法：

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

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

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

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

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

如：

$("div").animate( {width:"1000px",fontSize:20})

以上代码能够将div从原有的宽度调整到1000px，从原有的字体大小调整到20px。需要特别注意以下三点:

1.如果尺寸没有单位，那么默认单位是px。

2.属性值需要用双引号包裹，如果属性值是数字的话可以省略。

3.类似font-szie或者background-color这样的属性需要去掉中间的中横线，并且第二个单词首字母要大写