1、<body><div id="box" style="background:#98bf21;height:100px;width:100px;margin:6px;"></div><button class="btn1">Animate</button><button class="btn2">Reset</button></body>
2、写对应的js代码<script type="text/javascript">$(document).ready(function() { $(".btn1").click(function(){ $("#box").animate({height:"300px"}); }); $(".btn2").click(function(){ $("#box").animate({height:"100px"}); });});</script>
3、点击按钮，就可得到相对应的效果