jQuery实现淡入淡出效果

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

  • 淡入 fadeIn([ speed , [easing] , [fn] ]),参数都可不写
  • 淡出 fadeOut([ speed , [easing] , [fn] ]),参数都可不写
  • 淡入淡出切换 fadeToggle([ speed , [easing] , [fn] ]),参数都可不写
  • 修改透明度 fadeTo([ [speed] , opacity , [easing] , [fn] ]),注意,这里速度和透明度一定要写
其中
  • speed是速度
  • easing是切换效果
  • fn是回调函数
那我们把上述代码放到整体代码中看下效果
jQuery实现淡入淡出效果
文章图片

完整代码如下
Wellfancy - 锐客网div {margin: 10px; padding: 10px; width: 100px; display: none; } jQuery实现淡入淡出效果
文章图片

【jQuery实现淡入淡出效果】以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

    推荐阅读