摘要：<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>动画</title>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>动画</title>
<script src="jquery-3.3.1.min.js"></script>
<style>
p{
position: absolute;
}
</style>
</head>
<body>
<input id="da" type="button" value="放大镜">
<p>这是放大啊</p>
<script>
$(document).ready(function () {
$('#da').click(function () {
$('p').animate({fontSize:'300px'},2000,function () {
$('p').animate({
fontSize:'20px',
color:'red'
},3000,function () {
$('p').animate({
left:'1000px'
},2000,function () {
$('#da').click();
})
})
})
})
})
