Dojo ワイプイン効果 (シンプルアクション)

ターゲットコントロールをワイプインさせます。

定義場所

拡張ライブラリ

シンプルアクションのタイプ

Dojo 効果 (クライアント)

構文

<xe:dojofxWipeIn node="target" duration="ms" loaded="true|false" easing="function" var="name"><xe:this.attributes><xp:parameter name="name" value="value" loaded="true|false"</xp:parameter>...</xe:this.attributes></xe:dojofxWipeIn>

表 1. 属性
属性	説明
`attributes="json"`	現状のまま渡される JSON 形式の値のリスト。
`duration="ms"`	アニメーションの表示時間 (ミリ秒)。デフォルトは 350 です。
`easing="function"`	アニメーションの表示時間内におけるアニメーションの変化の速度を返す関数。
`loaded="true\|false"`	コントロールのロード時に、タグインスタンスを作成するかどうか。デフォルトは `true` です。
`node="target"`	アニメーションが適用されるコントロールの識別子。
`var="name"`	アニメーションを識別する変数名。

例

以下の例は、テキストをワイプアウトさせるボタンとワイプインさせるボタンを示しています。

<xp:div id="div1"
	style="font-size:16pt;font-weight:bold;text-align:center">
	Testing testing testing
</xp:div>
<xp:button value="Wipe Out" id="button2">
	<xp:eventHandler event="onclick" submit="false">
		<xp:this.script>
			<xe:dojofxWipeOut node="div1" duration="1500"></xe:dojofxWipeOut>
		</xp:this.script>
	</xp:eventHandler></xp:button>
<xp:button value="Wipe In" id="button1">
	<xp:eventHandler event="onclick" submit="false">
		<xp:this.script>
			<xe:dojofxWipeIn node="div1" duration="1000"></xe:dojofxWipeIn>
		</xp:this.script>
	</xp:eventHandler>
</xp:button>