animate jquery插件

jQuery animate() 方法是一个用于创建自定义动画效果的函数，它允许开发者通过改变元素的CSS属性值，在一段时间内平滑地过渡到新的样式状态。这种方法极大地简化了动画的实现过程，使得开发者无需编写复杂的JavaScript代码即可实现丰富的动画效果。

基本用法

animate() 方法的基本语法如下：

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

selector：选择器，用于指定要应用动画的元素。
params：一个对象，包含要改变的CSS属性和目标值。
speed：动画持续时间，可以是数字或表示毫秒的字符串。
easing：动画的缓动函数，可以是内置的或自定义的。
callback：动画完成后执行的函数。

示例

一个简单的示例，展示如何使用 animate() 方法来移动一个元素：

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jQuery animate() Example</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function(){
    $("#moveBtn").click(function(){
        $("#box").animate({left: '200px'}, 1000);
    });
});
</script>
</head>
<body>
<div id="box" style="width: 100px;height: 100px;background-color: red;"></div>
<button id="moveBtn">Move</button>
</body>
</html>