摘要：<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title> <script type="text/javascript" src="jq.js"></script> &l
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript" src="jq.js"></script>
<style type="text/css">
.box{width:200px;height: 200px;background:blue;}
</style>
</head>
<body>
<button class="bt1">點(diǎn)擊字體變大</button>
<p>我是你們永遠(yuǎn)得不到的爸爸</p>
<button class="bt2">點(diǎn)擊移動(dòng)div</button>
<div class="box">
我正在移動(dòng)好刺激啊
</div>
</body>
</html>
<script type="text/javascript">
$(document).ready(function(){
$('.bt1').click(function(){
$('p').animate({fontSize:'50px'},1500)
})
$('.bt2').click(function(){
$('.box').animate({
marginLeft:'800px',
width:'toggle',
height:'800px',
opacity:0.3
},3000)
})
})
</script>
![(NG4Z9]@G2S~U9)GR(I@ONW.png](http://img.php.cn//upload/image/295/493/313/1544774827429190.png "1544774827429190.png")