<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>jq中的自定义动画</title>
<style type="text/css">
#one{
width: 200px;
height: 200px;
background-color: sandybrown;
}
</style>
</head>
<body>
<div id="one"></div>
</body>
</html>
<script src="js/jquery-3.5.1.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
$("#one").animate({
width:500,
height:500,
backgroundColor:"red",
borderRadius:"50%",
marginLeft:200
}, 2000, "linear", function(){
console.log("动画结束才会执行此处代码!!!");
$("#one").css("background-color", "green");
}).stop();
</script>
