JQ的animate的动画
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<style type="text/css">
div{width: 100px;height: 100px;border: solid 1px #ccc;background-color: grey;position:relative}
</style>
<script src="jquery-3.3.1.min.js"></script>
<script type="text/javascript">
$(function(){
$('#btn').click(function(){
$('div').animate({
height:'150px',
left:'300px',
width:'toggle'
},1500)
})
});
</script>
</head>
<body>
<div>我是内容</div>
<input type="button" id="btn" value="点击"/>
</body>
</html>