RevealTrans兼容性:IE5.5+
语法:
filter : progid:DXImageTransform.Microsoft.RevealTrans ( enabled=bEnabled, duration=fDuration, transition=iTransitionType)
属性:
enabled |
: |
可选项。布尔值(Boolean)。设置或检索滤镜是否激活。true|false
true |
: |
默认值。滤镜激活。 |
false |
: |
滤镜被禁止。 |
|
duration |
: |
可选项。浮点数(Real)。设置或检索转换完成所用的时间。其值为秒.毫秒(0.0000)格式。 你可以使用play方法的iDuration参数设置转换回放的持续时间。然而,当你一旦调用了play方法,在回放持续过程中Duration特性就变为只读特性。 |
transition |
: |
可选项。整数值(Integer)。设置或检索转换所使用的方式。
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 |
: |
可读写。布尔值(Boolean)。参阅enabled属性。 |
Duration |
: |
可读写。浮点数(Real)。参阅duration属性。 |
Transition |
: |
可读写。整数值(Integer)。参阅transition属性。 |
Percent |
: |
可读写。字符串(String)。设置或检索当前静态滤镜输出在转换进程中所处的点。取值范围为0 - 100。默认值为0,转换尚未开始。100为转换完成。 此特性可用于使用转换滤镜建立静态滤镜效果。设置其值等于定义了转换进程停止的点。使用转换滤镜建立静态滤镜效果可遵循以下步骤:
- 使用转换滤镜的apply方法。这将捕获对象内容的初始显示,设置Percent特性值为0。
- 改变对象内容。如visibility,innerText,background-color,border,或者其子对象的属性。
- 设置转换滤镜的Percent特性。即确定你希望的转换进程中某一点。这将捕获到转换进程中在该点处的一张内容图像。
- 设置转换滤镜的Enabled特性值为true。则滤镜作用的对象将依据获取到的图像更新其内容。
请注意:你只能使用visibility属性来改变对象的子对象。否则,对子对象的直接改变会被立即显示出来,而不会被转换滤镜捕获。 |
status |
: |
只读。整数值(Integer)。检索转换的当前状态。0|1|2
0 |
: |
转换停止(stop)。 |
1 |
: |
转换被应用(apply)。 |
2 |
: |
转换在进行(play)。 |
|
方法:
apply |
: |
捕获对象内容的初始显示,为转换做必要的准备。无返回值。 当此方法一旦被调用后,对象属性的任何改变都不会被显示,直到你调用play方法开始转换。 请注意:你只能使用visibility属性来改变对象的子对象。否则,对子对象的直接改变会被立即显示出来,而不会被转换滤镜捕获。 当你调用play方法时,转换呈现出内容的变化结果(对象的属性和子对象的visibility属性的改变)。 |
play (iDuration) |
: |
开始转换。无返回值。参数见下表。
iDuration |
: |
可选项。浮点数(Real)。 指定滤镜作用持续的时间。默认单位为秒。 使用play方法的iDuration参数设置转换回放的持续时间,其值在转换的当前一个周期内会替换Duration属性的设置。但是下一次转换会恢复使用Duration属性设置的值。 |
|
stop |
: |
停止转换回放。并呈现转换结果图像。同时激发onfilterchange事件。无返回值。 |
说明:
提供了24种转换对象内容的效果。
示例:
#goodxyxDiv{ height:250px; width:250px; background-color: gold; filter:progid:DXImageTransform.Microsoft.RevealTrans(duration=5, transition=2); }
应用于:
IE4.0+ |
TABLETDTEXTAREATHSPANstyleINPUT type=buttonINPUT type=checkboxINPUT type=fileINPUT type=imageINPUT type=passwordINPUT type=radioINPUT type=resetINPUT type=submitINPUT type=textMARQUEEBODYBUTTONIMGDIV |
IE5.0+ |
runtimeStyle |
IE5.5+ |
AACRONYMADDRESSBBDOBIGBLOCKQUOTECAPTIONCENTERCITECODECUSTOMDDDELDFNDIRDLDTEMFIELDSETFONTFORMFRAMEHnIIFRAMEINSKBDLABELLEGENDLIMENUNOBROBJECTOLPPLAINTEXTPREQRTRUBYSSAMPSMALLSTRIKESTRONGSUBSUPTTUULVARXMP |