以下是一个基本的 animate() 方法的示例：
$("#myElement").animate(
{
opacity: 0.5,
left: "250px",
height: "toggle"
},
1000, // 动画持续时间：1秒
"swing", // 缓动效果，可选值有 "swing" 或 "linear"
function() {
// 动画完成时执行的回调函数
console.log("动画完成！");
}
);
在上述示例中，animate() 方法接受三个参数：
1. 动画属性和目标值的对象：
- opacity: 0.5 表示透明度从当前值变为 0.5。
- left: "250px" 表示元素的左侧位置移动到 250px 处。
- height: "toggle" 表示高度切换（如果元素可见，则隐藏；如果元素隐藏，则显示）。
2. 动画持续时间：
- 1000 表示动画持续时间为 1 秒。
3. 缓动效果：
- "swing" 表示使用默认的缓动效果（逐渐减缓的摆动效果）。
- "linear" 表示线性动画效果。
4. 回调函数：
- 在动画完成时执行的回调函数。
你可以根据需要指定不同的属性、目标值和其他参数，以创建各种自定义动画效果。这使得你能够更灵活地控制元素在页面上的运动和外观。
转载请注明出处：http://www.zyzy.cn/article/detail/12875/jQuery