script.aculo.us - Parallel 并行效果

描述

这是一种将多个核心效果组合成并行效果的特殊效果。它是唯一不以元素作为第一个参数，而是以子效果数组作为第一个参数的效果。

语法

您可以使用以下两种形式之一来使用此效果 −

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

效果特定参数

除了通用参数之外，此效果没有任何特定参数。

示例

<html>
   <head>
      <title>script.aculo.us examples</title>
		
      <script type = "text/javascript" src = "/javascript/prototype.js"></script>
      <script type = "text/javascript" src = "/javascript/scriptaculous.js?load = effects"></script>
      
      <script type = "text/javascript">
         function ParallelEffect(element){
            new Effect.Parallel(
            [
               new Effect.MoveBy(element, 100, 200, { sync: true }),
               new Effect.Scale(element, 200, { sync: true })
            ],
            {duration: 2}
            );
         }
      </script>
   </head>
   
   <body>
      <div onclick = "ParallelEffect(this)">
         Click me to see the result of Parallel Method
      </div>	
   </body>
</html>

您将效果指定为构造函数的第一个参数，传入要同步运行的效果数组。这些效果对象必须在其同步选项设置为 true 的情况下创建。

请注意，效果不一定属于同一元素;但是，只有一个持续时间(或 fps 速率) - 在 Effect.Parallel 级别设置的持续时间;同步效果将同时向前推进。

这将产生以下结果 −

scriptaculous_effects.html