Script.aculo.us-scriptaculous-parallel-effect
提供:Dev Guides
script.aculo.us-並列効果
説明
これは、複数のコアエフェクトを並列エフェクトに結合する特殊なエフェクトです。 これは、要素を最初のパラメーターとして受け取らない唯一の効果であり、副次効果の配列です。
構文
この効果を使用するには、次の2つの形式のいずれかを使用できます-
new Effect.Parallel([array of subeffects], [options]);
エフェクト固有のパラメーター
この効果には、link:/script.aculo.us/scriptaculous_common_parameters [common parameters]以外の特定のパラメーターはありません。
例
<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に設定して作成されている必要があります。
効果は必ずしも同じ要素に関係するとは限らないことに注意してください。ただし、継続時間は1つだけです(つまり、fpsレート)-_Effect.Parallel_レベルで設定されたものです。同期効果はすべて一斉に前進します。
これにより、次の結果が生成されます–