script.aculo.us - 并行效果

说明

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

语法

以下两种形式之一可用于此效果 −

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.htm

打印页面

上一个

下一个