script.aculo.us 平行效果

script.aculo.us 库是一个跨浏览器库，旨在改进网站的用户界面。在本文中，我们将演示并行效果。此效果用于组合用于给定元素的多种效果。我们也可以调整效果的持续时间。

句法：

Effect.Parallel( [array of subeffects], [options] )

参数：此效果在选项对象中有一个参数，如下所述：

• sync：它是一个布尔值，可以防止效果在初始化后立即启动，同步它们。

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

示例 1：

HTML

  

    
    
  
    
    
  
    
        function ShowEffect(element) {
  
            // Using the Parallel effect
            // with 2 effects and default
            // options
            new Effect.Parallel([
                new Effect.Move(element, {
                    x: 20,
                    y: 50,
                    mode: 'relative'
                }),
                new Effect.Opacity(element, {
                    from: 1,
                    to: 0
                })
            ]);
        }
    

  

    
        GeeksforGeeks
    
  
    script.aculo.us Parallel Effect
      
    
        Click me use parallel 
        effects on the line
    
  
    
    
        LINE TO SHOW PARALLEL EFFECT
    

  

输出：

示例 2：

HTML

  

    
    
  
    
    
  
    
        function ShowEffect(element) {
  
            // Using the Parallel effect
            // with 2 effects and the
            // sync parameter
            new Effect.Parallel([
                new Effect.Move(element, {
                    x: 100,
                    y: 50,
                    mode: 'relative'
                }),
                new Effect.SwitchOff(element)
            ], {
                sync: false
            });
        }
    

  

    
        GeeksforGeeks
    
  
    script.aculo.us Parallel Effect
      
    
        Click me use parallel 
        effects on the line
    
      
    
    
        GeeksforGeeks
    

  

输出：