jQuery中的动画方法分析

jQuery中的动画

jQuery中的动画是什么？

用jQuery实现动画，原理非常简单：我们只需要以固定的时间间隔（例如，0.1秒），每次把DOM元素的CSS样式修改一点（例如，高宽各增加10%），看起来就像动画了。
但是要用JavaScript手动实现动画效果，需要编写非常复杂的代码。如果想要把动画效果用函数封装起来便于复用，那考虑的事情就更多了。
使用jQuery实现动画，代码已经简单得不能再简化了：只需要一行代码就可以解决。

jQuery内置的几种动画样式

一、show/hide （显示／隐藏）

直接以无参数形式调用show()和hide()，会显示和隐藏DOM元素。
但是，只要传递一个时间参数进去，就变成了动画
例：

var div = $('#test-show-hide');
div.hide(3000);//3秒中内逐渐消失
//时间以毫秒为单位，但也可以是'slow'，'fast'这些字符串：
var div = $('#test-show-hide');
div