编辑“转换滤镜”

<span style="text-align:center; border:1px solid #000; float:right; padding:6px;"><strong>导航:</strong> [[CSS学习教程#CSS学习教程|上一页]] | {{template:开发语言导航}}</span>
<div style="clear:both;"></div>

==Barn==
语法： <br>
filter : progid:DXImageTransform.Microsoft.Barn ( enabled=bEnabled , duration=fDuration , motion=sMotion , orientation=sOrientation ) 
<br>属性：
<br>enabled  :　 可选项。布尔值(Boolean)。设置或检索滤镜是否激活。true | false true  :　 默认值。滤镜激活。 
false  :　 滤镜被禁止。 <br>
 
duration  :　 可选项。浮点数(Real)。设置或检索转换完成所用的时间。其值为秒.毫秒(0.0000)格式。<br>
你可以使用 play 方法的 iDuration 参数设置转换回放的持续时间。然而，当你一旦调用了 play 方法，在回放持续过程中 Duration 特性就变为只读特性。  
<br>motion  :　 可选项。字符串(String)。设置或检索对象的新内容是先从外显示还是先从内显示。out | in out  :　 默认值。转换从对象的中心向四边进行。 
<br>in  :　 转换从对象的四边向中心进行。 <br>
orientation  :　 可选项。字符串(String)。设置或检索滤镜效果模拟的开关门是横向的还是纵向的。vertical | horizontal vertical  :　 默认值。纵向线条转换。 <br>
horizontal  :　 横向线条转换。 <br>
特性：
Enabled  :　 可读写。布尔值(Boolean)。<br> 
Duration  :　 可读写。浮点数(Real)。<br>
Motion  :　 可读写。字符串(String)。<br> 
Orientation  :　 可读写。字符串(String)。<br>
Percent  :　 可读写。字符串(String)。设置或检索当前静态滤镜输出在转换进程中所处的点。取值范围为 0 - 100 。默认值为 0 ，转换尚未开始。 100 为转换完成。<br>
此特性可用于使用转换滤镜建立静态滤镜效果。设置其值等于定义了转换进程停止的点。使用转换滤镜建立静态滤镜效果可遵循以下步骤： <br>
使用转换滤镜的 apply 方法。这将捕获对象内容的初始显示，设置 Percent 特性值为 0 。 <br>
改变对象内容。如 visibility ， innerText ， background-color ， border ，或者其子对象的属性。 <br>
设置转换滤镜的 Percent 特性。即确定你希望的转换进程中某一点。这将捕获到转换进程中在该点处的一张内容图像。 <br>
设置转换滤镜的 Enabled 特性值为 true 。则滤镜作用的对象将依据获取到的图像更新其内容。 <br>
请注意：你只能使用 visibility 属性来改变对象的子对象。否则，对子对象的直接改变会被立即显示出来，而不会被转换滤镜捕获。  
<br>status  :　 只读。整数值(Integer)。检索转换的当前状态。0 | 1 | 2 0  :　 转换停止(stop)。 <br>
1  :　 转换被应用(apply)。 
<br>2  :　 转换在进行(play)。 <br>
方法：
<br>apply  :　 捕获对象内容的初始显示，为转换做必要的准备。无返回值。<br>
当此方法一旦被调用后，对象属性的任何改变都不会被显示，直到你调用 play 方法开始转换。<br>
请注意：你只能使用 visibility 属性来改变对象的子对象。否则，对子对象的直接改变会被立即显示出来，而不会被转换滤镜捕获。<br>
当你调用 play 方法时，转换呈现出内容的变化结果(对象的属性和子对象的 visibility 属性的改变)。  <br>
play ( iDuration )  :　 开始转换。无返回值。<br>
iDuration  :　 可选项。浮点数(Real)。 指定滤镜作用持续的时间。默认单位为秒。<br>
使用 play 方法的 iDuration 参数设置转换回放的持续时间，其值在转换的当前一个周期内会替换 Duration 属性的设置。但是下一次转换会恢复使用 Duration 属性设置的值。 <br>
stop  :　 停止转换回放。并呈现转换结果图像。同时激发 onfilterchange 事件。无返回值。<br>
说明：<br>
用模拟开关门效果转换对象内容。<br>
示例：<br>
#idDiv{ filter:progid:DXImageTransform.Microsoft.Barn(function=20, duration=7);}
==Blinds==
语法： <br>
filter : progid:DXImageTransform.Microsoft.Blinds ( enabled=bEnabled , duration=fDuration , bands=iBands , Direction=sDirection ) <br>
属性：
<br>enabled  :　 可选项。布尔值(Boolean)。设置或检索滤镜是否激活。true | false true  :　 默认值。滤镜激活。<br> 
false  :　 滤镜被禁止。 <br> 
duration  :　 可选项。浮点数(Real)。设置或检索转换完成所用的时间。其值为秒.毫秒(0.0000)格式。<br>
你可以使用 play 方法的 iDuration 参数设置转换回放的持续时间。然而，当你一旦调用了 play 方法，在回放持续过程中 Duration 特性就变为只读特性。  <br>
bands  :　 可选项。整数值(Integer)。设置或检索滤镜效果中有多少条百叶窗的窗格出现。取值范围为 1 - 100 。默认值为 10 。  <br>
Direction  :　 可选项。字符串(String)。设置或检索百叶窗开关的方向。down | up | right | left down  :　 默认值。向下。 
<br>up  :　 向上。 <br>
right  :　 向右。 
<br>left  :　 向左。 <br>
特性：<br>
Enabled  :　 可读写。布尔值(Boolean)。<br> 
Duration  :　 可读写。浮点数(Real)。<br> 
Bands  :　 可读写。整数值(Integer)。<br> 
Direction  :　 可读写。字符串(String)。<br>
Percent  :　 可读写。字符串(String)。设置或检索当前静态滤镜输出在转换进程中所处的点。取值范围为 0 - 100 。默认值为 0 ，转换尚未开始。 100 为转换完成。<br>
此特性可用于使用转换滤镜建立静态滤镜效果。设置其值等于定义了转换进程停止的点。使用转换滤镜建立静态滤镜效果可遵循以下步骤： <br>
使用转换滤镜的 apply 方法。这将捕获对象内容的初始显示，设置 Percent 特性值为 0 。 <br>
改变对象内容。如 visibility ， innerText ， background-color ， border ，或者其子对象的属性。 <br>
设置转换滤镜的 Percent 特性。即确定你希望的转换进程中某一点。这将捕获到转换进程中在该点处的一张内容图像。 <br>
设置转换滤镜的 Enabled 特性值为 true 。则滤镜作用的对象将依据获取到的图像更新其内容。 <br>
请注意：你只能使用 visibility 属性来改变对象的子对象。否则，对子对象的直接改变会被立即显示出来，而不会被转换滤镜捕获。  
<br>status  :　 只读。整数值(Integer)。检索转换的当前状态。0 | 1 | 2 0  :　 转换停止(stop)。 <br>
1  :　 转换被应用(apply)。 
<br>2  :　 转换在进行(play)。 <br>
方法：<br>
apply  :　 捕获对象内容的初始显示，为转换做必要的准备。无返回值。<br>
当此方法一旦被调用后，对象属性的任何改变都不会被显示，直到你调用 play 方法开始转换。<br>
请注意：你只能使用 visibility 属性来改变对象的子对象。否则，对子对象的直接改变会被立即显示出来，而不会被转换滤镜捕获。<br>
当你调用 play 方法时，转换呈现出内容的变化结果(对象的属性和子对象的 visibility 属性的改变)。  
<br>play ( iDuration )  :　 开始转换。无返回值。<br>
iDuration  :　 可选项。浮点数(Real)。 指定滤镜作用持续的时间。默认单位为秒。<br>
使用 play 方法的 iDuration 参数设置转换回放的持续时间，其值在转换的当前一个周期内会替换 Duration 属性的设置。但是下一次转换会恢复使用 Duration 属性设置的值。 <br> 
stop  :　 停止转换回放。并呈现转换结果图像。同时激发 onfilterchange 事件。无返回值。<br>
说明：<br>
用百叶窗开关效果转换对象内容。<br>
示例：<br>
#idDiv{ filter:progid:DXImageTransform.Microsoft.Blinds(direction='down');}<br>
==CheckerBoard==
语法： <br>
filter : progid:DXImageTransform.Microsoft.CheckerBoard ( enabled=bEnabled , duration=fDuration , squaresX=iColumns , squaresY=iColumns , Direction=sDirection ) 
<br>属性：
<br>enabled  :　 可选项。布尔值(Boolean)。设置或检索滤镜是否激活。true | false true  :　 默认值。滤镜激活。<br> 
false  :　 滤镜被禁止。 <br>
duration  :　 可选项。浮点数(Real)。设置或检索转换完成所用的时间。其值为秒.毫秒(0.0000)格式。<br>
你可以使用 play 方法的 iDuration 参数设置转换回放的持续时间。然而，当你一旦调用了 play 方法，在回放持续过程中 Duration 特性就变为只读特性。  <br>
squaresX  :　 可选项。整数值(Integer)。设置或检索滤镜效果中横向有多少条。取值范围为 >=2 。默认值为 12 。任何小于 2 的值都会被转为默认值 12 。  <br>
squaresY  :　 可选项。整数值(Integer)。设置或检索滤镜效果中纵向有多少条。取值范围为 >=2 。默认值为 10 。任何小于 2 的值都会被转为默认值 10 。  <br>
Direction  :　 可选项。字符串(String)。设置或检索网格推拉的方向。down | up | right | left down  :　 向下。 <br>
up  :　 向上。<br> 
right  :　 默认值。向右。 <br>
left  :　 向左。 <br>
特性：<br>
Enabled  :　 可读写。布尔值(Boolean)。<br>。 
Duration  :　 可读写。浮点数(Real)。<br>
SquaresX  :　 可读写。整数值(Integer)。<br> 
SquaresY  :　 可读写。整数值(Integer)。<br> 
Direction  :　 可读写。字符串(String)。<br>。 
Percent  :　 可读写。字符串(String)。设置或检索当前静态滤镜输出在转换进程中所处的点。取值范围为 0 - 100 。默认值为 0 ，转换尚未开始。 100 为转换完成。<br>
此特性可用于使用转换滤镜建立静态滤镜效果。设置其值等于定义了转换进程停止的点。使用转换滤镜建立静态滤镜效果可遵循以下步骤： <br>
使用转换滤镜的 apply 方法。这将捕获对象内容的初始显示，设置 Percent 特性值为 0 。 <br>
改变对象内容。如 visibility ， innerText ， background-color ， border ，或者其子对象的属性。 <br>
设置转换滤镜的 Percent 特性。即确定你希望的转换进程中某一点。这将捕获到转换进程中在该点处的一张内容图像。 <br>
设置转换滤镜的 Enabled 特性值为 true 。则滤镜作用的对象将依据获取到的图像更新其内容。 <br>
请注意：你只能使用 visibility 属性来改变对象的子对象。否则，对子对象的直接改变会被立即显示出来，而不会被转换滤镜捕获。  <br>
status  :　 只读。整数值(Integer)。检索转换的当前状态。0 | 1 | 2 0  :　 转换停止(stop)。 <br>
1  :　 转换被应用(apply)。 <br>
2  :　 转换在进行(play)。 <br>
方法：<br>
apply  :　 捕获对象内容的初始显示，为转换做必要的准备。无返回值。<br>
当此方法一旦被调用后，对象属性的任何改变都不会被显示，直到你调用 play 方法开始转换。<br>
请注意：你只能使用 visibility 属性来改变对象的子对象。否则，对子对象的直接改变会被立即显示出来，而不会被转换滤镜捕获。<br>
当你调用 play 方法时，转换呈现出内容的变化结果(对象的属性和子对象的 visibility 属性的改变)。  <br>
play ( iDuration )  :　 开始转换。无返回值。<br>
iDuration  :　 可选项。浮点数(Real)。 指定滤镜作用持续的时间。默认单位为秒。<br>
使用 play 方法的 iDuration 参数设置转换回放的持续时间，其值在转换的当前一个周期内会替换 Duration 属性的设置。但是下一次转换会恢复使用 Duration 属性设置的值。 <br>
stop  :　 停止转换回放。并呈现转换结果图像。同时激发 onfilterchange 事件。无返回值。<br>
说明：<br>
用类似国际象棋棋盘的网格推拉效果转换对象内容。<br>
示例：<br>
#idDiv{ height:250px; width:250px; background-color: gold; filter:progid:DXImageTransform.Microsoft.CheckerBoard(duration=5, direction='left'); }<br>
==Fade==
语法： <br>
filter : progid:DXImageTransform.Microsoft.Fade ( enabled=bEnabled , duration=fDuration , overlap=fOverlap ) <br>
属性：<br>
enabled  :　 可选项。布尔值(Boolean)。设置或检索滤镜是否激活。true | false true  :　 默认值。滤镜激活。 <br>
false  :　 滤镜被禁止。 <br> 
duration  :　 可选项。浮点数(Real)。设置或检索转换完成所用的时间。其值为秒.毫秒(0.0000)格式。<br>
你可以使用 play 方法的 iDuration 参数设置转换回放的持续时间。然而，当你一旦调用了 play 方法，在回放持续过程中 Duration 特性就变为只读特性。  <br>
overlap  :　 可选项。浮点数(Real)。设置或检索在转换进程中源内容和目标内容都被显示的比例。取值范围为 0.0 - 1.0 。默认值为 1.0 。<br>
假如此属性值设为 0.4 ， duration 属性值设为 10 ，则转换会发生下属行为： <br>
前三秒，源对象开始隐出。 <br>
随后的四秒，源对象完全隐出，新内容同时隐入。 <br>
最后三秒，新内容完全隐入。 <br>
特性：<br>
Enabled  :　 可读写。布尔值(Boolean)。<br>
Duration  :　 可读写。浮点数(Real)。<br>。 
Overlap  :　 可读写。浮点数(Real)。<br> 
Percent  :　 可读写。字符串(String)。设置或检索当前静态滤镜输出在转换进程中所处的点。取值范围为 0 - 100 。默认值为 0 ，转换尚未开始。 100 为转换完成。<br>
此特性可用于使用转换滤镜建立静态滤镜效果。设置其值等于定义了转换进程停止的点。使用转换滤镜建立静态滤镜效果可遵循以下步骤： <br>
使用转换滤镜的 apply 方法。这将捕获对象内容的初始显示，设置 Percent 特性值为 0 。 <br>
改变对象内容。如 visibility ， innerText ， background-color ， border ，或者其子对象的属性。<br> 
设置转换滤镜的 Percent 特性。即确定你希望的转换进程中某一点。这将捕获到转换进程中在该点处的一张内容图像。 <br>
设置转换滤镜的 Enabled 特性值为 true 。则滤镜作用的对象将依据获取到的图像更新其内容。 <br>
请注意：你只能使用 visibility 属性来改变对象的子对象。否则，对子对象的直接改变会被立即显示出来，而不会被转换滤镜捕获。  
<br>status  :　 只读。整数值(Integer)。检索转换的当前状态。0 | 1 | 2 0  :　 转换停止(stop)。 
<br>1  :　 转换被应用(apply)。 <br>
2  :　 转换在进行(play)。 <br>
方法：<br>
apply  :　 捕获对象内容的初始显示，为转换做必要的准备。无返回值。<br>
当此方法一旦被调用后，对象属性的任何改变都不会被显示，直到你调用 play 方法开始转换。<br>
请注意：你只能使用 visibility 属性来改变对象的子对象。否则，对子对象的直接改变会被立即显示出来，而不会被转换滤镜捕获。<br>
当你调用 play 方法时，转换呈现出内容的变化结果(对象的属性和子对象的 visibility 属性的改变)。  <br>
play ( iDuration )  :　 开始转换。无返回值。<br>
iDuration  :　 可选项。浮点数(Real)。 指定滤镜作用持续的时间。默认单位为秒。<br>
使用 play 方法的 iDuration 参数设置转换回放的持续时间，其值在转换的当前一个周期内会替换 Duration 属性的设置。但是下一次转换会恢复使用 Duration 属性设置的值。 <br>
stop  :　 停止转换回放。并呈现转换结果图像。同时激发 onfilterchange 事件。无返回值。<br>
说明：用渐隐效果转换对象内容。<br>
示例：<br>
#idDiv{ height:250px; width:250px; background-color: gold; filter:progid:DXImageTransform.Microsoft.Fade(duration=2);}<br>
==GradientWipe==
语法： <br>
filter : progid:DXImageTransform.Microsoft.GradientWipe ( enabled=bEnabled , duration=fDuration , gradientSize=fGradientWidth , motion=sMotion ) <br>
属性：<br>
enabled  :　 可选项。布尔值(Boolean)。设置或检索滤镜是否激活。true | false true  :　 默认值。滤镜激活。 <br>
false  :　 滤镜被禁止。 <br> 
duration  :　 可选项。浮点数(Real)。设置或检索转换完成所用的时间。其值为秒.毫秒(0.0000)格式。<br>
你可以使用 play 方法的 iDuration 参数设置转换回放的持续时间。然而，当你一旦调用了 play 方法，在回放持续过程中 Duration 特性就变为只读特性。  <br>
gradientSize  :　 可选项。浮点数(Real)。设置或检索对象内容被梯度渐隐条覆盖的百分比。取值范围为 0.0 - 1.0 。默认值为 0.25 。<br> 
motion  :　 可选项。字符串(String)。设置或检索对象内容出现的方向是依据 WipeStyle 特性的设定，还是取反。<br>forward | reverse forward  :　 默认值。对象内容依据 WipeStyle 特性设定的流向出现。 <br>
reverse  :　 对象内容依据 WipeStyle 特性设定的流向的反方向出现。 <br>
特性：<br>
Enabled  :　 可读写。布尔值(Boolean)。<br>
Duration  :　 可读写。浮点数(Real)。<br> 
GradientSize  :　 可读写。浮点数(Real)。<br> 
Motion  :　 可读写。字符串(String)。<br> 
WipeStyle  :　 可读写。字符串(String)。0 | 1 0  :　 默认值。转换在水平方向上自左至右。 <br>
1  :　 转换在垂直方向上自上至下。 <br> 
Percent  :　 可读写。字符串(String)。设置或检索当前静态滤镜输出在转换进程中所处的点。取值范围为 0 - 100 。默认值为 0 ，转换尚未开始。 100 为转换完成。<br>
此特性可用于使用转换滤镜建立静态滤镜效果。设置其值等于定义了转换进程停止的点。使用转换滤镜建立静态滤镜效果可遵循以下步骤： <br>
使用转换滤镜的 apply 方法。这将捕获对象内容的初始显示，设置 Percent 特性值为 0 。 <br>
改变对象内容。如 visibility ， innerText ， background-color ， border ，或者其子对象的属性。 <br>
设置转换滤镜的 Percent 特性。即确定你希望的转换进程中某一点。这将捕获到转换进程中在该点处的一张内容图像。 <br>
设置转换滤镜的 Enabled 特性值为 true 。则滤镜作用的对象将依据获取到的图像更新其内容。 <br>
请注意：你只能使用 visibility 属性来改变对象的子对象。否则，对子对象的直接改变会被立即显示出来，而不会被转换滤镜捕获。  <br>
status  :　 只读。整数值(Integer)。检索转换的当前状态。0 | 1 | 2 0  :　 转换停止(stop)。 <br>
1  :　 转换被应用(apply)。 <br>
2  :　 转换在进行(play)。 <br>
方法：<br>
apply  :　 捕获对象内容的初始显示，为转换做必要的准备。无返回值。<br>
当此方法一旦被调用后，对象属性的任何改变都不会被显示，直到你调用 play 方法开始转换。<br>
请注意：你只能使用 visibility 属性来改变对象的子对象。否则，对子对象的直接改变会被立即显示出来，而不会被转换滤镜捕获。<br>
当你调用 play 方法时，转换呈现出内容的变化结果(对象的属性和子对象的 visibility 属性的改变)。  <br>
play ( iDuration )  :　 开始转换。无返回值。参数见下表。<br>
iDuration  :　 可选项。浮点数(Real)。 指定滤镜作用持续的时间。默认单位为秒。<br>
使用 play 方法的 iDuration 参数设置转换回放的持续时间，其值在转换的当前一个周期内会替换 Duration 属性的设置。但是下一次转换会恢复使用 Duration 属性设置的值。 <br>
stop  :　 停止转换回放。并呈现转换结果图像。同时激发 onfilterchange 事件。无返回值。<br>
说明：用滚动渐隐效果转换对象内容。<br>
示例：<br>
#idDiv{height:250px; width:250px; background-color: orange; filter:progid:DXImageTransform.Microsoft.gradientWipe(duration=3, gradientsize=0.5);}<br>
==Inset==
语法： <br>
filter : progid:DXImageTransform.Microsoft.Inset ( enabled=bEnabled , duration=fDuration ) <br>
属性：<br>
enabled  :　 可选项。布尔值(Boolean)。设置或检索滤镜是否激活。true | false true  :　 默认值。滤镜激活。 <br>
false  :　 滤镜被禁止。 <br> 
duration  :　 可选项。浮点数(Real)。设置或检索转换完成所用的时间。其值为秒.毫秒(0.0000)格式。<br>
你可以使用 play 方法的 iDuration 参数设置转换回放的持续时间。然而，当你一旦调用了 play 方法，在回放持续过程中 Duration 特性就变为只读特性。  <br>
特性：<br>
Enabled  :　 可读写。布尔值(Boolean)。<br> 
Duration  :　 可读写。浮点数(Real)。<br> 
Percent  :　 可读写。字符串(String)。设置或检索当前静态滤镜输出在转换进程中所处的点。取值范围为 0 - 100 。默认值为 0 ，转换尚未开始。 100 为转换完成。<br>
此特性可用于使用转换滤镜建立静态滤镜效果。设置其值等于定义了转换进程停止的点。使用转换滤镜建立静态滤镜效果可遵循以下步骤： <br>
使用转换滤镜的 apply 方法。这将捕获对象内容的初始显示，设置 Percent 特性值为 0 。 <br>
改变对象内容。如 visibility ， innerText ， background-color ， border ，或者其子对象的属性。 <br>
设置转换滤镜的 Percent 特性。即确定你希望的转换进程中某一点。这将捕获到转换进程中在该点处的一张内容图像。 <br>
设置转换滤镜的 Enabled 特性值为 true 。则滤镜作用的对象将依据获取到的图像更新其内容。 <br>
请注意：你只能使用 visibility 属性来改变对象的子对象。否则，对子对象的直接改变会被立即显示出来，而不会被转换滤镜捕获。  <br>
status  :　 只读。整数值(Integer)。检索转换的当前状态。0 | 1 | 2 0  :　 转换停止(stop)。 <br>
1  :　 转换被应用(apply)。 <br>
2  :　 转换在进行(play)。 <br>
方法：<br>
apply  :　 捕获对象内容的初始显示，为转换做必要的准备。无返回值。<br>
当此方法一旦被调用后，对象属性的任何改变都不会被显示，直到你调用 play 方法开始转换。<br>
请注意：你只能使用 visibility 属性来改变对象的子对象。否则，对子对象的直接改变会被立即显示出来，而不会被转换滤镜捕获。<br>
当你调用 play 方法时，转换呈现出内容的变化结果(对象的属性和子对象的 visibility 属性的改变)。  <br>
play ( iDuration )  :　 开始转换。无返回值。<br>
iDuration  :　 可选项。浮点数(Real)。 指定滤镜作用持续的时间。默认单位为秒。<br>
使用 play 方法的 iDuration 参数设置转换回放的持续时间，其值在转换的当前一个周期内会替换 Duration 属性的设置。但是下一次转换会恢复使用 Duration 属性设置的值。<br> 
stop  :　 停止转换回放。并呈现转换结果图像。同时激发 onfilterchange 事件。无返回值。<br>
说明：用对角扩张效果转换对象内容。<br>
示例：<br>
#idDiv{ height:250px; width:250px; background-color: gold; filter:progid:DXImageTransform.Microsoft.Inset();}<br>

[[category:CSS学习教程]]