RevealTrans图片切换效果

RevealTrans图片切换效果RevealTrans更新时间:2013-06-0117:11:59|RevealTrans兼容性:IE5.5+语法:filter:progid:DXImageTransform.Micros

大家好,又见面了,我是你们的朋友全栈君。

RevealTrans

更新时间:2013-06-01 17:11:59 |
<span role="heading" aria-level="2">RevealTrans图片切换效果
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为转换完成。
此特性可用于使用转换滤镜建立静态滤镜效果。设置其值等于定义了转换进程停止的点。使用转换滤镜建立静态滤镜效果可遵循以下步骤:

  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事件。无返回值。

说明:

提供了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
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/155671.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 数据库建立

    数据库建立1, 在我们写完计划表后开始建立数据库,数据库的建立不是说建立完了就可以了,到后面是需要不断地改善的,因为前期的数据我们可能列举出表时不够完整,或者表与表之间的关系链接错误,重复。2, 随着项目的功能实现,渐渐的数据库的数据显示出不足,我们就要进行改善1, 数据库的建立要先对项目的功能有足够的理解,要熟悉项目,把项目的表列举出来,那些数据是属于那个表的,一个表里面需要获取到那些表的信息,确定…

    2022年7月24日
    7
  • anaconda安装opencv(whl文件)

    anaconda安装opencv(whl文件)我用pipinstall和condainstall的方法都安装不上去,都失败了,找了很多原因都没办法解决。没办法,只能尝试一下用第三方包whl文件安装下,因为原来没有用过这个方法,也不知道难不难,小心的去试了一下,没想到非常的容易!而且清华大学opencvpython库里的whl文件下载速度非常快(几十秒),比我之前在别的地方找的whl文件快多了。没安装上opencv或其他库的小伙伴,…

    2022年5月22日
    121
  • Oracle sqlplus 查询结果显示优化

    Oracle sqlplus 查询结果显示优化使用Oraclesqlplus进行查询时经常会碰到查询结果显示问题,字段和查询结果难以直接对应显示。这个是因为sqlplus的设置问题,在Windows环境下,可直接在查询窗口“右键-环境”,修改屏幕显示的缓冲区设置,将设置值调整到合适的值,确定即可。Linux环境下可直接设置环境变量setpagesizexxx;setlinesizexxx;修改显示的方式有很多…

    2022年7月16日
    21
  • vista怎么用_电脑系统vista

    vista怎么用_电脑系统vista1、怎么才可以关掉”windows需要你的许可才能继续”这个窗口?你用的系统是WindowsVista可以按下Win+R输入“Msconfig”打开“系统配置”程序,切换到“工具”选项卡,选中“禁用UAC”,并点击“启动”禁用它吧2、vista我的电脑在哪里WindowsVista默认安装桌面上仅保存一个回收站图标,我们可以在桌面的空白处单击鼠标邮件,在弹出的快捷…

    2022年10月9日
    2
  • Node子进程async/await方法不正常执行的思考和解决

    Node子进程async/await方法不正常执行的思考和解决

    2021年6月14日
    184
  • Vue引入外部Js文件并使用方法超级无敌详细的教程「建议收藏」

    Vue引入外部Js文件并使用方法超级无敌详细的教程「建议收藏」Vue引入外部Js文件使用新的js文件里面的一个方法,提高复用性。步骤:1):在新的js文件中写入新方法,如: (1)图2):在需要引入的xxx.vue文件中写上import别名from‘Js路径’; 这个别名是否需要加花括号,如:Import{别名}from‘Js路径’;需要参考新的js文件中,如(1)图的kayang-app-sdk.js中的 (2)图 (3)图注:因为我这里是exportdefault所以引入的

    2022年10月8日
    7

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号