利用jQuery极简代码完成淡入淡出效果

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

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

其中

speed是速度

easing是切换效果

fn是回调函数 

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

利用jQuery极简代码完成淡入淡出效果_第1张图片

 

 

完整代码如下





    
    Wellfancy
    
    



    
    
    
    
    

 

 

你可能感兴趣的:(jQuery,jquery,javascript,前端)