关于jQuery自定义动画 .animate()，第一个参数键值对的写法

最新推荐文章于 2023-05-17 22:08:06 发布

转载最新推荐文章于 2023-05-17 22:08:06 发布 · 1.1k 阅读

文章标签：

#小结

知识点专栏收录该内容

1 篇文章

订阅专栏

本文深入解析了jQuery动画方法.animate()的使用方式，介绍了如何通过设置CSS属性和值的对象来创建动画效果。文章强调了动画属性必须是数字型，并且详细说明了哪些CSS属性可以应用于动画，包括宽度、高度和位置等。同时，提到了非样式属性和自定义属性的应用，以及CSS简写属性的局限性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

properties
类型: PlainObject
它是一个CSS属性和值的对象,动画将根据这组对象移动。

.animate()方法允许我们在任意的数值的CSS属性上创建动画。唯一必要的属性就是一组CSS属性键值对。这组属性和用于设置.css()方法的属性键值对类似，除了属性范围做了更多限制。
Animation Properties and Values(动画属性和值)
所有用于动画的属性必须是数字的，除非另有说明；这些属性如果不是数字的将不能使用基本的jQuery功能。（例如，width, height或者left可以执行动画，但是background-color不能，除非使用 jQuery.Color() 插件。）属性值的单位像素（px）,除非另有说明。单位em 和 %需要指定使用。

除了样式属性，一些非样式的属性，如scrollTop 和 scrollLeft，以及自定义属性，也可应用于动画。

CSS简写属性（例如font, background, border）没有得到充分的支持。例如，如果你想边框宽度做动画呈现，至少边框样式和边框宽度必须预先设定不为"auto" 。或者，如果你想字体大小做动画，你可以使用fontSize的或相当于CSS的 ‘font-size’ ，而不是简单的’font’。