jQuery淡入淡出动画

 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

开发工具与关键技术： MVC 作者：陈云龙

撰写时间：2021/5/18

 

 

1. 首先是介绍淡入和淡出的代码

 

1. 然后是介绍代码格式，由于淡出的使用与淡入基本一致，可以模仿淡入的格式

写出淡出的代码

 

1. 也可以用animate的方法直接完成淡入淡出效果动画，以下是animate的语法

 

1. 这是刚刚fadeIn和fadeOut的代码图，如图所见我给他们绑定了点击事件

 

1. fadeIn和fadeOut的效果图，以淡化收入以及淡化出现的效果动画

 

1. 这是animate的方法，同样的我也绑定了点击事件

 

1. animate方法的效果图

animate的方法直接实现了fadeIn和fadeOut两种个代码的效果

 

这是我所学到的jQuery 淡出淡入动画，所以我要分享给你们，希望可以帮助到你们。

以上就是我的分享，新手上道，请多多指教。如果有更好的方法或不懂得地方欢迎在评论区教导和提问喔！