其他分享
首页 > 其他分享> > 2021-05-18

2021-05-18

作者:互联网

jQuery淡入淡出动画

 

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

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

撰写时间:2021/5/18

 

 

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

 

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

写出淡出的代码

 

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

 

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

 

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

 

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

 

  1. animate方法的效果图

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

 

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

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

标签:动画,淡入,05,18,代码,2021,fadeOut,animate,fadeIn
来源: https://blog.csdn.net/afdfsdf11/article/details/116976757