知识点|关于jQuery自定义动画 .animate(),第一个参数键值对的写法

properties
类型: PlainObject
它是一个CSS属性和值的对象,动画将根据这组对象移动。
.animate()方法允许我们在任意的数值的CSS属性上创建动画。唯一必要的属性就是一组CSS属性键值对。这组属性和用于设置.css()方法的属性键值对类似,除了属性范围做了更多限制。
Animation Properties and Values(动画属性和值)
所有用于动画的属性必须是数字的,除非另有说明;这些属性如果不是数字的将不能使用基本的jQuery功能。( 例如,width, height或者left可以执行动画,但是background-color不能,除非使用 jQuery.Color() 插件。)属性值的单位像素(px),除非另有说明。单位em 和 %需要指定使用。
【知识点|关于jQuery自定义动画 .animate(),第一个参数键值对的写法】除了样式属性, 一些非样式的属性,如scrollTop 和 scrollLeft,以及自定义属性,也可应用于动画。
CSS简写属性(例如font, background, border)没有得到充分的支持。例如, 如果你想边框宽度做动画呈现,至少边框样式和边框宽度必须预先设定不为"auto" 。或者,如果你想字体大小做动画, 你可以使用fontSize的或相当于CSS的 ‘font-size’ ,而不是简单的’font’。

    推荐阅读