本篇文章给大家带来《jquery动画animate》，石家庄人才网对文章内容进行了深度展开说明，希望对各位有所帮助，记得收藏本站。

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

语法:

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

必需的 params 参数定义动画的 CSS 属性。该参数可以是以下值:

• 使用 JSON 指定多个 CSS 属性。比如 {property1:"value1", property2:"value2", ...}。
• 使用相对值。增加或减少一个现有的属性。
• 使用预定义值。比如 "hide", "show", "toggle"。

可选的 speed 参数规定效果的时长。它可以取以下值："slow"、"fast" 或毫秒。可选的 easing 参数规定切换效果的速度。它可以取以下值："swing" 或 "linear"。

swing: 默认值。使用 jQuery easing 函数，产生"摆动"效果。linear: 以相同的速度开始和结束。可选的 callback 参数是动画完成时执行的函数。使用 animate()如需对多个 CSS 属性添加动画，请使用 JSON 格式：```java

script$(selector).animate({ property1: "value1", p

rop

erty2: "value2", ...}, speed, easing, callback)```使用相对值如需以相对值规定动画，请使用 "+=" 或 "-=" 运算符：```javascript$(selector).animate({ left: '+=150px', opacity: 0.25, height: 'toggle'}, 5000, "slow", function(){ // 动画完成后执行的代码});```石家庄人才网小编提醒您，使用预定义值 "hide"、"show" 和 "toggle"```javascript$("button").click(function(){ $("#div1").animate({ height: 'toggle' });});```停止动画如需停止动画，请使用 stop() 方法。默认地，stop() 方法清除动画队列，并立即结束当前动画。语法：```javascript$(selector).stop(stopAll,goToEnd);```可选的 stopAll 参数规定是否应该清除动画队列。默认是 false，即仅停止活动的动画，允许任何排队的动画开始。可选的 goToEnd 参数规定是否立即完成当前动画。默认是 false。

石家庄人才网小编对《jquery动画animate》内容分享到这里，如果有相关疑问请在本站留言。