<script type="text/javascript"
src="./prototype.js"></script>
<script type="text/javascript"
src="./scriptaculous.js?load=effects"></script>
[HTML]
<div id="targetBox"><br /></div>
:
:
[JavaScript]
Effect.BlindDown("targetBox", {duration:2});
element | エフェクトを行うエレメントのID |
option | 実行時のオプション(全て省略可能) from: エフェクト開始時の不透明度を指定 0.0〜1.0 指定例) from:0.0 to: エフェクト終了時の不透明度を指定 0.0〜1.0 指定例) to:1.0 fps: フレームレートを指定 指定例) fps:100 delay: エフェクト処理開始までの秒数を指定 指定例) delay:5 duration: エフェクト開始から終了するまでの秒数を指定 指定例) duration:2 beforeStartInternal: エフェクト開始時に実行するメソッドを指定 指定例) beforeStartInternal:startLogic afterFinishInternal: エフェクト終了時に実行するメソッドを指定 指定例) afterFinishInternal:endLogic transition: 処理の指定 Effect.Transitions.linear、Effect.Transitions.woddle、 Effect.Transitions.sinoidal、Effect.Transitions.pulse、 Effect.Transitions.reverse、Effect.Transitions.none、 Effect.Transitions.flicker、Effect.Transitions.full 指定例) transition:Effect.Transitions.sinoidal |
[Ajax - script.aculo.us - 画面]
フェードイン、フェードアウトする 【Effect.Highlight】
ブラインドアップ(下から上に消す)する 【Effect.BlindUp】