三组基本动画
| 显示 | 隐藏 | 切换 | |
|---|---|---|---|
| 1 | show | hide | toggle |
| 2 | slideUp（滑入） | slideDown（滑出） | slideToggle |
| 3 | fadeIn（淡入） | fadeOut（淡出） | slideToggle |
使用形式：
show([speed], [callback]);
//speed(可选)：动画的执行时间
//1.如果不传，就没有动画效果。如果是slide和fade系列，会默认为normal
//2.毫秒值(比如1000),动画在1000毫秒执行完成(推荐)
//3.固定字符串，slow(200)、normal(400)、fast(600)，如果传其他字符串，则默认为normal。
//callback(可选):执行完动画后执行的回调函数
自定义动画
animate
$(selector).animate({params},[speed],[easing],[callback]);
// {params}：要执行动画的CSS属性，带数字（必选）
// speed：执行动画时长（可选）
// easing:执行效果，默认为swing（缓动）
可以是linear（匀速）
// callback：动画执行完后立即执行的回调函数（可选）
动画队列与停止动画
stop
在同一个元素上执行多个动画，那么对于这个动画来说，后面的动画会被放到动画队列中，等前面的动画执行完成了才会执行。
stop(clearQueue, jumpToEnd);
//第一个参数：是否清除队列
//第二个参数：是否跳转到最终效果
最后
以上就是勤奋小蝴蝶最近收集整理的关于jQuery动画操作三组基本动画自定义动画动画队列与停止动画的全部内容，更多相关jQuery动画操作三组基本动画自定义动画动画队列与停止动画内容请搜索靠谱客的其他文章。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
![[Guava限流]RateLimiter使用](https://file2.kaopuke.com:8081/files_image/reation/bcimg4.png)
发表评论 取消回复