1. .animate() 方法：
.animate() 方法用于执行自定义动画。你可以指定一个或多个 CSS 属性及其目标值，以及动画的持续时间。
// 自定义动画，将元素向右移动 200 像素
$("div").animate({ left: '200px' }, 1000);
在这个例子中，left 是 CSS 属性，'200px' 是目标值，1000 是动画的持续时间（以毫秒为单位）。
你还可以同时指定多个属性：
// 自定义动画，同时改变元素的宽度和高度
$("div").animate({ width: '300px', height: '200px' }, 1000);
2. 队列动画：
jQuery 使用队列来管理动画，你可以通过 .queue() 方法来显示或设置用于执行的函数队列。同时，使用 .dequeue() 方法从队列中移除并执行下一个函数。
// 将动画函数加入队列
$("div").queue(function(next) {
// 执行一些操作
next(); // 执行队列中的下一个函数
});
3. 停止动画：
使用 .stop() 方法可以停止当前正在运行的动画。
// 停止当前元素上的所有动画
$("div").stop();
你还可以传递参数来指定是否清除动画队列。
// 停止当前元素上的所有动画，并清空队列
$("div").stop(true);
通过这些方法，你可以创建自定义的、平滑的动画效果，并灵活地控制动画的属性和持续时间。这对于创建页面元素的过渡效果和用户交互非常有用。
转载请注明出处：http://www.zyzy.cn/article/detail/4613/jQuery