ホームページ >ウェブフロントエンド >jsチュートリアル >filters.revealTrans.Transition_javascript スキルの使用方法の概要
まずは RevealTrans の使い方を見てみましょう (リンクにマウスを移動すると同時に開くことができ、スライド効果に似たプロンプトが表示され、移動しても同じことが起こります。このページを統合しましょう) .
構文:
フィルター: progid: DXImageTransform.Microsoft.RevealTrans (enabled=bEnabled、duration=fDuration、transition=iTransitionType)
デモ: 参考記事:
属性:
有効: オプション。ブール値。フィルターがアクティブかどうかを設定または取得します。 true | false true : デフォルト値。フィルターが有効になりました。
false : フィルターは無効です。
期間: オプション。浮動小数点数 (実数)。変換が完了するまでにかかる時間を設定または取得します。その値は秒.ミリ秒 (0.0000) 形式です。
play メソッドの iDuration パラメーターを使用して、トランジション再生の継続時間を設定できます。ただし、play メソッドを呼び出すと、再生が継続している間、Duration プロパティは読み取り専用になります。
遷移: オプション。整数値 (整数)。変換で使用されるメソッドを設定または取得します。 0: 長方形の縮小変形。
1: 長方形拡大変換。
2: 円縮小変換。
3: 循環展開変換。
4 : 上方向に消去します。
5 : 下方向に消去します。
6: 右に消去します。
7 : 左に消去します。
8: 縦型ブラインドの変換。
9: 横型ブラインドの変換。
10: チェス盤の横変換。
11: チェス盤の垂直変換。
12: ランダムノイズ干渉の変換。
13: 左右ドア閉エフェクト変換。
14: 左右ドア開きエフェクト変換。
15: 上下ドア閉エフェクト変換。
16: 上下ドア開閉エフェクト変換。
17: ギザギザのエッジのオーバーレイ効果の右上隅から左下隅への遷移。
18: ギザギザのエッジのオーバーレイ効果の右下隅から左上隅への遷移。
19: ギザギザのエッジのオーバーレイ効果の左上隅から右下隅への遷移。
20: ギザギザのエッジのオーバーレイ効果の左下隅から右上隅への遷移。
21: ランダムな横線変換。
22: ランダムな縦線変換。
23 : 上記の可能な値変換をランダムに使用します。
機能:
有効: 読み取りおよび書き込み可能。ブール値。 「enabled」属性を参照してください。
期間: 読み取りおよび書き込み可能。浮動小数点数 (実数)。期間プロパティを参照してください。
遷移: 読み取りおよび書き込み可能。整数値 (整数)。遷移プロパティを参照してください。
パーセント: 読み取りおよび書き込み可能。弦。変換プロセスにおける現在の静的フィルター出力のポイントを設定または取得します。値の範囲は 0 ~ 100 です。デフォルト値は 0 で、変換はまだ開始されていません。変換完了の場合は 100。
この機能は、変換フィルターを使用して静的フィルター効果を作成するために使用できます。その値を に設定すると、変換プロセスが停止するポイントが定義されます。変換フィルターを使用して静的フィルター効果を作成するには、次の手順に従います:
変換フィルターの apply メソッドを使用します。これにより、オブジェクトの内容の初期表示がキャプチャされ、 Percent プロパティ値が 0 に設定されます。
オブジェクトのコンテンツを変更します。 Visibility 、 innerText 、background-color 、 border 、またはそのサブオブジェクトのプロパティなど。
変換フィルターのパーセントプロパティを設定します。つまり、変換プロセス内の必要な特定の時点を決定します。これにより、変換プロセスのその時点でのコンテンツの画像がキャプチャされます。
変換フィルターの Enabled 属性値を true に設定します。フィルターの影響を受けるオブジェクトは、取得した画像に基づいてその内容を更新します。
注意: Visibility プロパティは、オブジェクトの子を変更する場合にのみ使用できます。それ以外の場合、サブオブジェクトへの直接の変更はすぐに表示され、変換フィルタによってキャプチャされません。
ステータス: 読み取り専用。整数値 (整数)。変換の現在のステータスを取得します。 0 | 1 | 2 0: 変換停止。
1 : 変換が適用されます。
2 : 変換中 (再生中)。
メソッド:
apply: オブジェクトのコンテンツの初期表示をキャプチャし、変換に必要な準備をします。戻り値はありません。
このメソッドが呼び出されると、play メソッドを呼び出して変換を開始するまで、オブジェクトのプロパティへの変更は表示されません。
注意: Visibility プロパティは、オブジェクトの子を変更する場合にのみ使用できます。それ以外の場合、サブオブジェクトへの直接の変更はすぐに表示され、変換フィルタによってキャプチャされません。
play メソッドを呼び出すと、変換によってコンテンツ変更の結果 (オブジェクトのプロパティとサブオブジェクトの可視性プロパティの変更) が表示されます。
再生 (iDuration): 変換を開始します。戻り値はありません。パラメータについては、以下の表を参照してください。
iDuration : オプション。浮動小数点数 (実数)。 フィルターの持続時間を指定します。デフォルトの単位は秒です。
play メソッドの iDuration パラメータを使用して、変換の再生時間を設定します。その値は、変換の現在のサイクル中に、Duration プロパティの設定を置き換えます。ただし、次の変換では、Duration プロパティを使用して設定された値が復元されます。
stop : 変換再生を停止します。そして変換結果画像を提示します。また、onfilterchange イベントも発生します。戻り値はありません。