JQuery动画介绍

依然～

于 2019-02-19 11:39:28 发布

阅读量419

点赞数

分类专栏：基础知识文章标签：原创

@JianYong

本文链接：https://blog.youkuaiyun.com/weixin_44540201/article/details/87697063

版权

本文介绍了JQuery中的淡入淡出、滑动显示隐藏等内置动画效果，包括fadeIn(), fadeOut(), fadeTo(), fadeToggle(), slideDown(), slideUp() 和 slideToggle()。此外，还讲解了自定义动画animate()的使用以及delay()和stop()这两个控制动画的属性。通过实例代码展示了如何实现各种动画效果。" 126344196,11181539,2022年五大热门前端技术解析,"['前端框架', '前端开发', 'React', 'Flutter', 'Vue']

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

JQuery相信大家都知道，就是通过JaveScript封装的一个脚本库，所以根本还是JaveScript，但是JQuery也有不一样的地方，例如JQuery中的淡入、淡出；上卷、下拉和动态显示隐藏元素等等。这些都是JQuery中才特有的动画效果，所以下面我们就是来介绍一下JQuery动画。

1、fadeIn(); 通过不透明度的变化来实现所有匹配元素的淡入效果，并在动画完成后可选地触发一个回调函数。这个动画只调整元素的不透明度，也就是说所有匹配的元素的高度和宽度不会发生变化。代码见下图：
在这里插入图片描述

2、fadeOut(); 通过不透明度的变化来实现所有匹配元素的淡出效果，并在动画完成后可选地触发一个回调函数。这个动画只调整元素的不透明度，也就是说所有匹配的元素的高度和宽度不会发生变化。代码见下图：
在这里插入图片描述

最低0.47元/天解锁文章