温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

怎么在jquery中使用fadeIn()实现一个淡入动画效果

发布时间:2021-04-23 15:38:37 来源:亿速云 阅读:345 作者:Leah 栏目:编程语言

这篇文章给大家介绍怎么在jquery中使用fadeIn()实现一个淡入动画效果,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。

jquery是什么

jquery是一个简洁而快速的JavaScript库,它具有独特的链式语法和短小清晰的多功能接口、高效灵活的css选择器,并且可对CSS选择器进行扩展、拥有便捷的插件扩展机制和丰富的插件,是继Prototype之后又一个优秀的JavaScript代码库,能够用于简化事件处理、HTML文档遍历、Ajax交互和动画,以便快速开发网站。

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 () {
            
            // 淡入效果
            // $('h2').fadeIn(10 * 1000, 'linear', function() {
            //     console.log('动画执行完毕')
            // })

关于怎么在jquery中使用fadeIn()实现一个淡入动画效果就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI