一. 显示和隐藏

hide()和show() toggle() 在显示和隐藏之间进行切换

$box.show("slow", function(){
    console.log("动画执行结束");
});
$box.show(2000);  // 1000ms
$box.hide("slow");
$box.hide(2000);

二. 淡入淡出

fadeIn(1000)和fadeOut(1000), fadeTo(1000, 0.5)

fadeToggle(1000)

三. 展开和收起

slideUp(1000),slideDown(1000), slideToggle(1000)

四. 自定义动画

仅仅上面的动画并不能满足我们的需求，如个想要更复杂的动画效果，就需要自定义动画。自定义动画只需要用到一个函数： animate(params[, speed][,easing][, callback])

参数1：一个包含样式的属性和值的映射对。可以有多个映射。 必须

参数2：可选。速度

参数3：动画算子（字符串。jquery默认只有linear和swing）。更复杂的需要第三方支持。

务必要先导入jquery再导入动画算子插件。

参数4：回调函数。可选。表示动画执行完毕之后然后再执行的函数。

动画算子:

五. 停止动画

$("div").stop(参数1, 参数2)

• 参数1: 布尔值, 是否清除动画队列中的其他动画. true表示结束清除动画序列 默认是false

• 参数2: 是否跳转到当前动画的最末尾的位置. true表示去末尾的位置. 默认是false