公告:本站提供编程开发方面的技术交流与分享,打造最佳教程网,希望能为您排忧解难!

CSS在线手册滤镜(Filters)Barn

Barn

更新时间:2013-06-01 17:11:59 |
Barn兼容性:IE5.5+

语法:

filter : progid:DXImageTransform.Microsoft.Barn ( enabled=bEnabled, duration=fDuration, motion=sMotion, orientation=sOrientation)

属性:

enabled:可选项。布尔值(Boolean)。设置或检索滤镜是否激活。true|false
true:默认值。滤镜激活。
false:滤镜被禁止。
duration:可选项。浮点数(Real)。设置或检索转换完成所用的时间。其值为秒.毫秒(0.0000)格式。
你可以使用play方法的iDuration参数设置转换回放的持续时间。然而,当你一旦调用了play方法,在回放持续过程中Duration特性就变为只读特性。
motion:可选项。字符串(String)。设置或检索对象的新内容是先从外显示还是先从内显示。out|in
out:默认值。转换从对象的中心向四边进行。
in:转换从对象的四边向中心进行。
orientation:可选项。字符串(String)。设置或检索滤镜效果模拟的开关门是横向的还是纵向的。vertical|horizontal
vertical:默认值。纵向线条转换。
horizontal:横向线条转换。

特性:

Enabled:可读写。布尔值(Boolean)。参阅enabled属性。
Duration:可读写。浮点数(Real)。参阅duration属性。
Motion:可读写。字符串(String)。参阅motion属性。
Orientation:可读写。字符串(String)。参阅orientation属性。
Percent:可读写。字符串(String)。设置或检索当前静态滤镜输出在转换进程中所处的点。取值范围为0 - 100。默认值为0,转换尚未开始。100为转换完成。
此特性可用于使用转换滤镜建立静态滤镜效果。设置其值等于定义了转换进程停止的点。使用转换滤镜建立静态滤镜效果可遵循以下步骤:
  1. 使用转换滤镜的apply方法。这将捕获对象内容的初始显示,设置Percent特性值为0
  2. 改变对象内容。如visibilityinnerTextbackground-colorborder,或者其子对象的属性。
  3. 设置转换滤镜的Percent特性。即确定你希望的转换进程中某一点。这将捕获到转换进程中在该点处的一张内容图像。
  4. 设置转换滤镜的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事件。无返回值。

说明:

用模拟开关门效果转换对象内容。

示例:

#goodxyxDiv{ filter:progid:DXImageTransform.Microsoft.Barn(function=20, duration=7);}
应用于:
IE5.5+AACRONYMADDRESSBBDOBIGBLOCKQUOTEBODYBUTTONCAPTIONCENTERCITECODECUSTOMDDDELDFNDIRDIVDLDTEMFIELDSETFONTFORMFRAMEHnIFRAMEFRAMESETIINSIMGINPUT type=buttonINPUT type=checkboxINPUT type=fileINPUT type=imageINPUT type=passwordINPUT type=radioINPUT type=resetINPUT type=submitINPUT type=textKBDLABELLEGENDLIMARQUEEMENUNOBROBJECTOLPPLAINTEXTPREQRTRUBYSSAMPSMALLSPANSTRIKESTRONGSUBSUPTABLETEXTAREATHTDTTUULVARXMP
最佳教程网

最大的技术交流平台 www.goodxyx.com© CopyRight 2011-2013, All Rights Reserved

浙ICP备11033019号