通过jQuery中的基本动画方法，很容易给Web添加非常好的视觉效果，给用户带来新的体验。
在jQuery的动画
显示（）和隐藏（）方法
1，显示（）方法和隐藏（）方法是jQuery中最基本的方法，而隐藏（）方法将元素的显示设置为否；
2，显示（）方法和隐藏（）方法同时改变元素的宽度、高度和透明度。
3，当元素使用隐藏（）方法时，它将记录原始的显示属性。在调用显示（）方法时，它将根据隐藏（）方法所显示的显示属性值显示元素。
4，显示（）方法和隐藏（）方法都可以接受一个参数来指示运动速度。
$（'。DIV1）。Toggle（function（）{）
$（'格式'）藏（600）；
}函数（）{（）
$（'格式'）显示（600）；
}）；
fadeIn（）方法和淡出（）方法
1、淡出（）方法只减少了一段时间的元素的不透明度，而渐显（）方法是相反的
2。接受一个参数
$（'。DIV1）。Toggle（function（）{）
$（'格式'），FadeIn（600）；
}函数（）{（）
$（'格式'），FadeOut（600）；
}）；
的slideup（）方法和slideDown（）方法
1、本slideup（）方法和slideDown（）方法只改变元素的高度。如果一个元素的值的显示属性没有
2。接受一个参数
$（'。DIV1）。Toggle（function（）{）
$（这）。下（）SlideUp（）；
}函数（）{（）
$（这）。下（）SlideDown（）；
}）；
自定义动画方法动画（）
语法：动画（参数、速度、回调）；
（1）参数：一个包含样式属性和值的映射
（2）速度：可选的速度参数
（3）回调函数：在动画完成时执行，可选
1。基本用法
$（'。DIV1）。Click（function（）{）
$（'格式'）。动画（{宽度：+ = 50px，身高：'300px}，600）；
}）；
2。多个动画
如果要使用链条运动，可以使用链条式。
$（'。DIV1）。Click（function（）{）
$（'格式'）。动画（{宽度：'350px}，600）
。动画（{身高：'300px}，600）；
}）；
注意：如果在使用链时使用CSS（）方法，CSS（）方法将不会被添加到运动队列中，并且将直接执行，而不必等待以前的动画。
$（'。DIV1）。Click（function（）{）
$（'格式'）。动画（{宽度：'350px}，600）
。动画（{身高：'300px}，600）
CSS（'border'，'10px固体黑色）；
}）；
此元素的边框在开始时添加到元素中。解决这个问题的方法是使用回调函数。
如果你想同时锻炼，你可以把运动的价值放在一起。
$（'。DIV1）。Click（function（）{）
$（'格式'）。动画（{宽度：'350px，身高：'300px}，600）；
}）；
回调
回调函数适用于所有jQuery的动画效果方法。
例如，为了解决直接执行链式样式的CSS（）属性的问题，可以使用回调函数的方法。
$（'。DIV1）。Click（function（）{）
$（'格式'）。动画（{宽度：'350px}，600）
。动画（{身高：'300px}，600、函数（））{
$（'格式'）。Css（'border'，'10px固体黑色）；
}）；
}）；
停止动画并判断它是否处于动画状态。
1。停止元素的动画
停止（）方法接受两个参数
第一个参数为true或false，指示是否执行动画空队列，当我们写动画的链，如果第一个参数是真实的，当我们停止动画正在进行的操作，在动画的操作将是空的，如果参数是错误的，它只会停止当前动画，动画仍然执行队列
第二个参数为true或false，指示是否跳转到正在执行的动画的结束状态。
2，确定元素是否处于动画状态。
如果用户频繁地执行动画（）动画，就会出现动画积累。解决方案是决定元素是否处于动画状态。如果元素不处于动画状态，它将向元素添加新的动画。
如果（！$（'div1 '），（'：动画））{
添加动画
}
三.延迟动画
如果要延迟动画，可以使用延迟（）方法。
$（'。DIV1）。Click（function（）{）
$（'格式'）。动画（{宽度：'350px}，600）
延迟（1000）
。动画（{身高：'300px}，600、函数（））{
$（'格式'）。Css（'border'，'10px固体黑色）；
}）；
}）；
其他的动画方法
1、slidetoggle（）方法
通过高度变化切换匹配元素的可见性
$（'。DIV1）。Click（function（）{）
$（'格式'）SlideToggle（）；
}）；
2、褪变成了（）的方法
元素的不透明度可以以渐变的方式调整到指定的值，而这个动画只调整元素的不透明度。
$（'。DIV1）。Click（function（）{）
$（'格式'），FadeTo（600,0.5）；
}）；
3，fadeToggle（）方法
通过不透明度切换匹配元素的可见性
$（'。DIV1）。Click（function（）{）
$（'格式'），FadeTo（600,0.5）；
}）；
以上是本文的全部内容，希望本文的内容能给大家的学习或工作带来一定的帮助，同时也希望能给予更多的支持！
