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 相关文章推荐
Mootools 1.2教程 Fx.Morph、Fx选项和Fx事件
Sep 15 Javascript
关于jquery动态增减控件的一些想法和小插件
Aug 01 Javascript
jquery 获取标签名(tagName)示例代码
Jul 11 Javascript
jquery trigger伪造a标签的click事件取代window.open方法
Jun 23 Javascript
jquery实现隐藏在左侧的弹性弹出菜单效果
Sep 18 Javascript
常用JS图片滚动(无缝、平滑、上下左右滚动)代码大全(推荐)
Dec 20 Javascript
js自制图片放大镜功能
Jan 24 Javascript
浅谈键盘上回车按钮的js触发事件
Feb 13 Javascript
动态统计当前输入内容的字节、字符数的实例详解
Oct 27 Javascript
微信、QQ、微博、Safari中使用js唤起App
Jan 24 Javascript
JS简单添加元素新节点的方法示例
Feb 10 Javascript
typescript编写微信小程序创建项目的方法
Jan 29 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 SQL之where语句生成器
2009/03/24 PHP
php在服务器执行exec命令失败的解决方法
2012/03/03 PHP
学习php设计模式 php实现单例模式(singleton)
2015/12/07 PHP
PHP实现正则匹配所有括号中的内容
2018/06/22 PHP
Laravel 5+ .env环境配置文件详解
2020/04/06 PHP
jQuery中需要注意的细节问题小结
2011/12/06 Javascript
Jquery 复选框取值兼容FF和IE8(测试有效)
2013/10/29 Javascript
js实现文本框中输入文字页面中div层同步获取文本框内容的方法
2015/03/03 Javascript
JS实现超简洁网页title标题跑动闪烁提示效果代码
2015/10/23 Javascript
SpringMVC框架下JQuery传递并解析Json格式的数据是如何实现的
2015/12/10 Javascript
基于socket.io+express实现多房间聊天
2016/03/17 Javascript
jQuery-mobile事件监听与用法详解
2016/11/23 Javascript
ThinkJS中如何使用MongoDB的CURD操作
2016/12/13 Javascript
node.js的exports、module.exports与ES6的export、export default深入详解
2017/10/26 Javascript
js实现图片放大并跟随鼠标移动特效
2019/01/18 Javascript
JavaScript中的 new 命令
2019/05/22 Javascript
JS+css3实现幻灯片轮播图
2020/08/14 Javascript
js实现随机圆与矩形功能
2020/10/29 Javascript
Python松散正则表达式用法分析
2016/04/29 Python
python 添加用户设置密码并发邮件给root用户
2016/07/25 Python
Anaconda下安装mysql-python的包实例
2018/06/11 Python
python画折线图的程序
2018/07/26 Python
matplotlib实现区域颜色填充
2019/03/18 Python
Python中如何导入类示例详解
2019/04/17 Python
简单了解django orm中介模型
2019/07/30 Python
Django之PopUp的具体实现方法
2019/08/31 Python
Python: 传递列表副本方式
2019/12/19 Python
如何用canvas实现在线签名的示例代码
2018/07/10 HTML / CSS
《藏戏》教学反思
2014/02/11 职场文书
文明美德伴我成长演讲稿
2014/05/12 职场文书
售后客服个人自我评价
2014/09/14 职场文书
2014年财务科工作总结
2014/11/11 职场文书
考生诚信考试承诺书
2015/04/29 职场文书
贷款收入证明范本
2015/06/12 职场文书
教你用Python+selenium搭建自动化测试环境
2021/06/18 Python
PO模式在selenium自动化测试框架的优势
2022/03/20 Python