jQuery下动画处理综述

队列出队（）/（）
这两种方法是隐藏在Ajax的XMLHttpRequest对象，不知道的普通人。这两种方法是有用的动画的时候，我们经常写一些这样的代码

复制代码代码如下所示：
$（# test）。动画（{
宽度：300px
高度：300px
不透明1
}）；
这样，测试div的高度、宽度和不透明度都在同时变化。有时我们不想同步执行，但形状和透明度的变化首先被划分为300×300的div，然后透明度逐渐改变。我们需要这样写。

复制代码代码如下所示：
$（# test）。动画（{
宽度：300px
高度：300px
}函数（）{（）
$（# test）。动画（{不透明度：1}）；
}）；
学生可以想象，如果有十个动画过程，代码是什么队列（）和出队（）可以解决这样的问题。对于所有进程方法，请查看一个队列，让函数依次调用它，首先看看语法。
队列（{ queuename }，newqueue）操作执行队列的方法

第一个参数是队列名称，如果没有写入，缺省值是FX。

第二个参数可以是一个函数数组，存储所有的队列函数，或者是一个回退函数来向队列添加一个新函数。

Dequeue（{ queuename }）执行下一个函数在队列匹配的元素

每次调用该方法来执行队列中的下一个函数。

复制代码代码如下所示：
var = {
函数（）{
$（这个）动画（{
宽度：200px
高度：200px
}，下一步）
}，
函数（）{
$（这个）动画（{
宽度：400px
高度：400px
}，下一步）；
}
}；

函数下一步（）{
$（# test）。Dequeue（'myqueue）；
}

$（# test）。队列（'myqueue，Q）；
下一步（）；
上面的代码是使测试div成为200×200，然后变成400 * 400。每个动画执行返回函数的功能，调用队列中的下一个方法，并按顺序执行两个动画。如果我们想在执行阶段添加另一个函数，我们可以这样做。

复制代码代码如下所示：
var = {
函数（）{
$（这个）动画（{
宽度：200px
高度：200px
}，下一步）
}，
函数（）{
$（这个）动画（{
宽度：400px
高度：400px
}，下一步）；
}
}；

函数下一步（）{
$（# test）。Dequeue（'myqueue）；
}

$（# test）。队列（'myqueue，Q）；
下一步（）；
$（# test）。队列（'myqueue功能（））{
$（这）SlideUp（）Dequeue（'myqueue）；
}）；
总之，这两种方法都是以预定的顺序促进动画的执行。

ClearQueue（） /停止（）

这两种方法主要是取消动画。

ClearQueue（{ queuename }）队列中的排空功能

停止（{ } { } {队列，clearqueue，jumptoend }）用于停止正在进行的动画

队列：正在进行的动画队列名

ClearQueue：默认值是false，无论排队本身是空的

JumpToEnd：默认值是false，而动画是否是立即执行

如果你想停止动画，你可以写这个

复制代码代码如下：$（' # test）。ClearQueue（'myqueue）；

这种方式不会终止动画。只有在执行当前动画之后，它不会调用队列中的下一个动画。队列清空，没有下一个队列。如果你想立即停止动画，你可以这样写。

复制代码代码如下：$（' # test）停止（）；

对于停止动画是否暂停或立即完成，停止（）的参数进行了配置。

SlideDown（）/ slideup（）/（）slidetoggle

幻灯片动画效果是经常用到的，特别是菜单，三个功能很简单，就是元素下 / /自动确定拉伸折叠舒展，但参数不仅是时间，我们还可以添加一些其他的控制，看到API的介绍，桑格函数参数相似例如，slideup

SlideUp（{ { {宽松} {时间）完成}）宽松是一个渐进的方式。我从来没有手动改变过它。如果持续时间不写，默认情况下需要大约一秒钟的时间完成动画。

SlideUp（选项）

选项中常用的配置是

持续时间：动画时间

队列：这是对它的自然理解。

在步骤中执行每个属性更改：动画

完成：动画完成后执行

开始：动画开始时的执行

总是：动画被终止或意外发生时，它还没有完成。

三功能修改元素的高度时，执行，和高度恢复后sideup（）执行，并显示设置为无

FadeIn（） / / fadetoggle淡出（）（）（） /褪变成了

时使用的（） / / fadetoggle淡出（）（）类似，滑轨系列。它不再被解释，但是这三个函数的透明度被修改了。FadeOut（）函数将执行后恢复元不透明度，并设置显示属性没有。

FadeTo（持续时间、透明度{ } { }褪变成了完全缓解）（）方法并不复杂，但时间和透明度，褪变成了（）不能省略，必须写。

显示（）隐藏（）切换（）

这三个函数的使用与幻灯片系列相同，但效果有一些差异。

1。如果没有写入参数持续时间，则不会来回执行动画。

2。此动画同时修改高度、宽度和不透明属性。

当3.hide（）执行，高度，宽度，和不透明度属性恢复和显示设置为无

动画（）
一些复杂的动画无法通过上述几个功能实现。这是一个强大的动画学校正在使用的时候，动画（）有两个用途。

动画（属性{，持续时间}，放松}，完整}）

大部分的属性不解释，性质是JSON，该属性的值可以是文字、功能切换，简单的表达式，如果函数将指定属性的返回值，熟悉jQuery的学生必须知道切换是什么，是在初始值使属性和最小值可以用属性之间切换，切换的宽度，高度和透明度包含属性值的数量是一个简单的表达，如+ = =，所以一些宽度：+ = 10px。

复制代码代码如下所示：
$（#块动画（{）。
宽度：70%
不透明性：0.4，
marginleft：0.6in
字体大小：3em
带：+ = 10px
}，1500）；
如果函数传入，动画完成后将调用函数。

动画（属性、选项）

这种用法更灵活，属性与以前的用法相同，常用于选项。

持续时间：动画时间

队列：函数队列

步骤：每个属性调整的返回函数

完成：完成动画的功能。

开始：动画开始时调用

总是：动画被终止或意外发生时，它还没有完成。

如果你不说jQuery是好的，这些配置是熟悉的吗

复制代码代码如下所示：
$（#书）。动画（{
宽度：开关
高度：开关
{ }。
持续时间：5000，
SpecialEasing: {
宽度：线性
高度：easeoutbounce
}，
完成：函数（）{
$（这个）；
}
}）；
悬停（）
严格来说，这不是一个动画功能，但由于在低版本的IE不工作的许多元素，和CSS不能完成很多动作，经常需要处理有Javaｓｃｒｉｐｔ的事件。

。悬停（handlerin（间的事件），handlerout（间的事件））

方法很简单，不多介绍了，所以你们可以一起写鼠标和mouseout。