jQuery动画

1. 隐藏显示动画

1. show方法

1. 作用：让匹配的元素展示出来

<1>用法1：参数为数值类型，表示执行动画的时长

<2>用法2：参数为字符串类型，是jQuery预设的值，共有三个（slow、normal、fast）

<3>用法3：参数一可以是数值类型/字符串类型

           参数二表示动画执行完后立即执行的回调函数

    实际的意思就是执行完毕之后要做什么

<4>用法4：不带参数，作用等同于css(“display”，“block”)

    需要注意的是此时没有动画效果

2. hide方法

1. 作用：让匹配元素隐藏

用法和show方法是一样的

3、toggle方法：显示隐藏切换

2. 滑入滑出动画（参数和show的用法一样）

1. 滑入动画效果（联想：生活中的卷帘门）：slideDown(speed，callback)；

1. 作用：让元素以下拉动画效果展示出来
2. 注意：省略参数/传入不合法的字符串则会使用默认值

2. 滑出动画效果：slideUp(speed，callback)

1. 作用：让元素以上拉动画效果隐藏起来

3. 滑入滑出切换动画效果：slideToggle(speed，callback)

3. 淡入淡出动画（参数和show的用法一样）（透明度opacity会影响淡入淡出动画的效果）

1. 淡入动画效果：fadeIn(speed，callback)

1. 作用：让元素以淡淡的进入视线的方式展示出来

2. 淡出动画效果：fadeOut(speed，callback)

1. 作用：让元素怒以渐渐消失的方式隐藏起来

3. 淡入淡出切换动画效果：fadeToggle(speed，function(){})

1. 作用：通过改变透明度，切换匹配元素的显示/隐藏状态

4. 改变透明度到某个值

与淡入淡出的区别：淡入淡出只能控制元素的不透明度从完全不透明到完全透明，而fadeTo()可以指定元素不透明度的具体位置，参数有三个（时间参数，透明度，回调函数）并且时间参数是必需的

4. 自定义动画：animate()

1. 作用：执行一组CSS属性的自定义动画

·第一个参数：要执行动画的CSS属性（必选）

·第二个参数：执行动画的时长（可选）

·第三个参数：动画执行完后立即执行的回调函数（可选）

2. 注意：所有能执行动画的属性必须只有一个数字类型的值

例如：要改变字体大小就要使用fontSize(font-size)，不要使用font

3. 要注意自定义动画支持的属性：

http://www.w3school.com.cn/jquery/effect_animate.asp

5. 停止动画

1. stop()

1. 作用：停止当前正在执行的动画
2. 为什么要停止动画？

·如果一个以上的动画方法在同一个元素上调用，那么对这个元素来说，后面的动画将被放到效果队列中。这样就形成了动画队列（联想：排队进站）

·动画队列里面的动画不会执行，直到第一个动画执行完成

3. 第一个参数表示后续动画是否要执行（true：后续动画不执行；false：后续动画要执行）

第二个参数表示当前动画是否要执行完（true：立即执行完当前动画；false：立即停止当前动画）

    如果两个参数都不给就默认false

4. 解释

·当调用stop()方法后，队列里面的下一个动画将会立即开始，单如果参数clearQueue被设置为true，那么队列里剩余的动画就被删除了，并且永远不会执行

·如果参数jumpToEnd被设置为true，那么当前动画就会停止，但是参与动画