script.aculo.us 多重效果

script.aculo.us 库是一个跨浏览器库，旨在改进网站的用户界面。在本文中，我们将演示多重效果。此效果用于将给定效果应用于页面上的多个元素。我们也可以调整效果的速度和延迟。

句法：

Effect.multiple( [element1, element2, element3, …], Effect, [options] )

要么

Effect.multiple( element, Effect, [options] )

选项：此方法在选项对象中有两个参数，如下所述：

• speed ：它是一个浮点值，指定效果列表中每个效果的延迟偏移量。默认值为 0.1 秒。
• delay：它是一个浮点值，指定此效果的启动延迟。默认值为 0.0 秒。

为了演示这个函数的使用，我们编写了一小段代码。我们在其中编写了一个名为 ShowEffect 方法的小型 JavaScript函数，它使用了该库的Multiple方法。以下示例演示了该方法。

示例 1：

HTML

  

    
    
  
    
    
  
    
        function ShowEffect(element) {
  
            // Using the multiple effect with
            // the delay parameter
            new Effect.multiple(element,
                Effect.Fade, {
                delay: 3.0
            });
        }
    

  

    
        GeeksforGeeks
    
  
    script.aculo.us Multiple Effect
      
    
        Click me to multiple 
        fade the lines!
    
  
    
    
        LINE ONE TO FADE
    
    
        LINE TWO TO FADE
    

  

输出：

示例 2：

HTML

  

    
    
  
    
    
  
    
  
        // Using the multiple effect with
        // the speed parameter
        function ShowEffect(element) {
            new Effect.multiple(element,
                Effect.SwitchOff, {
                speed: 1.0
            });
        }
    

  

    
        GeeksforGeeks
    
  
    script.aculo.us Multiple Effect
      
    
        Click me to multiple fade the lines
    
  
    
    
        
            GeeksforGeeks
        
    
    
        
            GeeksforGeeks
        
    
    
        
            GeeksforGeeks
        
    

  

输出：