📜  jQuery |效果淡出()方法

📅  最后修改于: 2022-05-13 01:55:54.417000             🧑  作者: Mango

jQuery |效果淡出()方法

jQuery 中的fadeOut() 方法用于将所选元素的不透明度级别从可见更改为隐藏。通过使用这种方法,淡入淡出的元素不会占用任何空间。

句法:

$(selector).fadeOut( speed, easing, callback )

参数:此方法接受上面提到和下面描述的三个参数:

  • Speed:可选参数,用于指定淡入淡出效果的速度。速度的默认值为 400 毫秒。速度的可能值是:
    • 毫秒
    • “减缓”
    • “快速地”
  • Easing:它是一个可选参数,用于指定元素到动画不同点的速度。缓动的默认值是“swing”。宽松的可能值是:
    • “摇摆”
    • “线性”
  • 回调:它是可选参数。回调函数在fadeOut() 方法完成后执行。

示例 1:此示例显示淡入淡出效果。



  
 
    
        jQuery | fadeOut() Method
    
  
    
 
  
  
  
    

           GeeksForGeeks     

              

jQuery | fadeOut() Method

                                      

输出



示例 2:此示例创建淡入淡出效果并设置其速度。以毫秒为单位的给定速度。



  
 
    
        jQuery | fadeOut() Method
    
  
    
 
  
  
  
    

           GeeksForGeeks     

              

jQuery | fadeOut() Method

                             

输出:
单击淡出按钮后

单击淡入按钮后

示例 3:创建带有警报消息的淡入和淡出效果。



  
 
    
        jQuery | fadeOut() Method
    
  
    
 
  
  
  
    

           GeeksForGeeks     

              

jQuery | fadeOut() Method

                                      

输出:
单击淡出按钮后

单击淡入按钮后