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
列印頁面
上一個
下一個
廣告