利用jQuery极简代码完成淡入淡出效果
发布日期:2022-02-28 20:48:36 浏览次数:21 分类:技术文章

本文共 369 字,大约阅读时间需要 1 分钟。

在用jQuery完成淡入淡出效果前我们先来认识几个代码:

  • 淡入 fadeIn([ speed , [easing] , [fn] ]),参数都可不写
  • 淡出 fadeOut([ speed , [easing] , [fn] ]),参数都可不写
  • 淡入淡出切换 fadeToggle([ speed , [easing] , [fn] ]),参数都可不写
  • 修改透明度 fadeTo([ [speed] , opacity , [easing] , [fn] ]),注意,这里速度和透明度一定要写

其中

speed是速度

easing是切换效果

fn是回调函数 

那我们把上述代码放到整体代码中看下效果

 

 

完整代码如下

    
Wellfancy

 

 

转载地址:https://blog.csdn.net/weixin_53379398/article/details/119461613 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:利用jQuery完成一个简单的按钮颜色变化(笔记)
下一篇:利用jQuery极简代码完成下拉菜单滑动效果

发表评论

最新留言

路过,博主的博客真漂亮。。
[***.116.15.85]2024年03月22日 08时07分44秒