![[PukiWiki]](image/sandbox.gif "[PukiWiki]")
- バックアップ一覧
- 差分 を表示
- 現在との差分 を表示
- ソース を表示
- JavaScript/Library/script.aculo.us へ行く。
- 1 (2007-11-26 (月) 16:14:22)
- 2 (2007-11-26 (月) 16:53:18)
- 3 (2007-11-26 (月) 16:53:18)
JavaScript/Library/script.aculo.us
Core Effects †
以下の6つで構成されます
- Effect.Opacity
- Effect.Scale
- Effect.Morph
- Effect.Move
- Effect.Highlight
- Effect.Parallel
Availability †
script.aculo.us V1.0 以降で使用できます
syntax †
new Effect.EffectName( element, required-params, [options] );
elementはDOMエレメントのIDの文字列か、DOMエレメントのオブジェクトを指定します
required-paramsは使用するEffectによって変化します
optionsはEffectをカスタマイズするために追加で指定することができます
Common parameters †
すべてのCore Effectsで以下のパラメータを指定できます
| Option | since | Description |
| duration | V1.0 | Effectの開始から終了までの秒数をfloatで指定します. デフォルトは1.0です. |
| fps | V1.0 | 1秒間に画面を更新する回数を指定します. デフォルトは25です. 100以上は指定できません. |
| transition | V1.0 | アニメーションの動きを制御する関数(0~1を返す)を指定します. 次の関数が用意されています: Effect.Transitions.sinoidal (default), Effect.Transitions.linear, Effect.Transitions.reverse, Effect.Transitions.wobble, Effect.Transitions.flicker. ソースにはpulse,spring,none,fullがあります. |
| from | V1.0 | transitionの初期値を指定します, floatで0.0~1.0の間で指定します. デフォルトは0.0です. |
| to | V1.0 | transitionの終了値を指定します, floatで0.0~1.0の間で指定します. デフォルトは1.0です. |
| sync | V1.0 | Sets whether the effect should render new frames automatically (which it does by default). If true, you can render frames manually by calling the render() instance method of an effect. This is used by Effect.Parallel(). |
| queue | V1.5 | Sets queuing options. When used with a string, can be ‘front’ or ‘end’ to queue the effect in the global effects queue at the beginning or end, or a queue parameter object that can have {position:’front/end’, scope:’scope’, limit:1}. For more info on this, see Effect Queues. |
| delay | V1.5 | Sets the number of seconds to wait before the effect actually starts. Defaults to 0.0. |
| direction | ?? | Sets the direction of the transition. Values can be either ‘top-left’, ‘top-right’, ‘bottom-left’, ‘bottom-right’ or ‘center’ (Default). Applicable only on Grow and Shrink effects. |
翻訳中
tag: Effects?, JavaScript, Tween?
