如何在 jQuery 中使用爆炸效果？

爆炸效果可与显示/隐藏/切换元素一起使用。这会将元素爆炸或内爆成/从许多部分。

句法：

selector.hide | show | toggle( "explode", {arguments}, speed );

参数：

• 件数：它保存件数。默认件数为 9。
• 模式：动画的模式。

  要爆炸的碎片数应该是一个完美的正方形，任何其他值都四舍五入到最接近的正方形。

示例：使用具有爆炸效果的按钮隐藏和显示 Div。

  

    Explode Example
      
    
    
          
    
    
          
    
  
        $(document).ready(function() {
  
            $("#hide").click(function(){
                $(".target").hide( "explode", {pieces: 9 }, 2000 );
            });
  
            $("#show").click(function(){
                $(".target").show( "explode", {pieces: 9}, 2000 );
            });
        });
    

  

  
     
            GeeksforGeeks 
    
  
    
        Click on any of the buttons
    
          
     Hide 
     Show 
      
    
      
    
    

  

输出：