jquery使用fadeIn()方法实现淡入动画效果

在JavaScript中，如果想要设计隐藏和显示标签非常的麻烦，通过jQuery就可以简单的实现，而且还可以设计淡入的效果。jQuery淡入效果的实现是通过fadeIn()方法解决的，用于淡入已隐藏的元素。本文向大家介绍jquery使用fadeIn() 方法实现淡入动画效果的过程。

1、fadeIn()方法

用于淡入已隐藏的元素。

2、实现原理

透明度从0变为1

3、使用语法

$(selector).fadeIn(speed,callback);

4、使用参数

speed ：规定效果的时长。它可以取以下值："slow"、"fast" 或毫秒。

callback ：fading 完成后所执行的函数名称。

5、实现淡入动画效果实例

<script src="./jquery.js"></script>
    <script>

        $('button[type="button"]').click(function () {
            
            // 淡入效果
            // $('h1').fadeIn(10 * 1000, 'linear', function() {
            //     console.log('动画执行完毕')
            // })

以上就是jquery使用fadeIn() 方法实现淡入动画效果的过程，希望能丰富你的动画设计哦~更多编程学习推荐：头条教程。

筛选过滤操作在JavaScript中很常见，常使用filter()方法解决，相对操作更简单的jquery框架提供了更多的过滤方法，且是针对不同位置过滤的方法也不同，本文介绍jquery中实现元素过滤的基 ...