filters.revealTrans.Transition使用方法小结


Posted in Javascript onAugust 19, 2010

下面首先来看下RevealTrans的用法(可以同时打开当鼠标移动到链接,类似幻灯片效果出现提示,移开也一样这个页巩固下).

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

Javascript 相关文章推荐
js 格式化时间日期函数小结
Mar 20 Javascript
jquery focus(fn),blur(fn)方法实例代码
Dec 16 Javascript
jQuery关于导航条背景切换效果实现示例
Sep 04 Javascript
JS替换文本域内的回车示例
Feb 18 Javascript
JavaScript实现按Ctrl键打开新页面
Sep 04 Javascript
javascript查询字符串参数的方法
Jan 28 Javascript
Angularjs 滚动加载更多数据
Mar 17 Javascript
用原生js做单页应用
Jan 17 Javascript
angular学习之ngRoute路由机制
Apr 12 Javascript
AngularJS中使用ngModal模态框实例
May 27 Javascript
vue2.0 路由模式mode="history"的作用
Oct 18 Javascript
解决layui的radio属性或别的属性没显示出来的问题
Sep 26 Javascript
JS面向对象编程之对象使用分析
Aug 19 #Javascript
JavaScript中各种编码解码函数的区别和注意事项
Aug 19 #Javascript
jquery插件之easing使用
Aug 19 #Javascript
为Extjs加加速(javascript加速)
Aug 19 #Javascript
原创javascript小游戏实现代码
Aug 19 #Javascript
jQuery与ExtJS之选择实例分析
Aug 19 #Javascript
JQuery跨Iframe选择实现代码
Aug 19 #Javascript
You might like
php 将字符串按大写字母分隔成字符串数组
2010/04/30 PHP
自适应图片大小的弹出窗口
2006/07/27 Javascript
Jquery实战_读书笔记1—选择jQuery
2010/01/22 Javascript
初学js插入节点appendChild insertBefore使用方法
2011/07/04 Javascript
JavaScript中的类与实例实现方法
2015/01/23 Javascript
Boostrap实现的登录界面实例代码
2016/10/09 Javascript
获取当前按钮或者html的ID名称实例(推荐)
2017/06/23 Javascript
JavaScript运行原理分析
2018/02/09 Javascript
使用node打造自己的命令行工具方法教程
2018/03/26 Javascript
如何用input标签和jquery实现多图片的上传和回显功能
2018/05/16 jQuery
深入了解JavaScript 私有化
2019/05/30 Javascript
微信小程序获取位置展示地图并标注信息的实例代码
2019/09/01 Javascript
JS画布动态实现黑客帝国背景效果
2020/11/08 Javascript
[01:37]全新的一集《真视界》——TI7总决赛
2017/09/21 DOTA
[14:19]2018年度COSER大赛-完美盛典
2018/12/16 DOTA
Python制作数据导入导出工具
2015/07/31 Python
python学习之编写查询ip程序
2016/02/27 Python
Python3.6实现连接mysql或mariadb的方法分析
2018/05/18 Python
Python多线程原理与用法详解
2018/08/20 Python
Python实现某论坛自动签到功能
2019/08/20 Python
Python使用tkinter模块实现推箱子游戏
2019/10/08 Python
wxpython自定义下拉列表框过程图解
2020/02/14 Python
谈谈python垃圾回收机制
2020/09/27 Python
为智能设备设计个性化保护套网站:caseable
2017/01/05 全球购物
洲际酒店集团英国官网:IHG英国
2019/07/10 全球购物
简短证婚人证婚词
2014/01/09 职场文书
公司门卫岗位职责
2014/03/15 职场文书
公司联欢会策划方案
2014/05/19 职场文书
大学生入党积极分子自我评价
2014/09/20 职场文书
医院党的群众路线教育实践活动学习心得体会
2014/10/30 职场文书
优秀团队申报材料
2014/12/26 职场文书
大学生个人总结范文
2015/02/15 职场文书
党员干部学习心得体会
2016/01/23 职场文书
Nginx配置80端口访问8080及项目名地址方法解析
2021/03/31 Servers
CSS布局之浮动(float)和定位(position)属性的区别
2021/09/25 HTML / CSS
关于Redis的主从复制及哨兵问题
2022/06/16 Redis