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

这篇文章给大家介绍怎么在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、实现淡入动画效果实例

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

$('button[type="button"]').click(function(){

//淡入效果
//$('h2').fadeIn(10*1000,'linear',function(){
//console.log('动画执行完毕')
//})

总结

以上是生活随笔为你收集整理的怎么在jquery中使用fadeIn()实现一个淡入动画效果的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。